Title: make header image auto-size
Last modified: September 1, 2016

---

# make header image auto-size

 *  Resolved [lauragyre](https://wordpress.org/support/users/lauragyre/)
 * (@lauragyre)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/make-header-image-auto-size/)
 * Hi, I’m trying to add a header image and having trouble. Well, I have added the
   image, but it just a short, full-width bit of it is showing up, about 100-200
   pixels. I’ve used css to set the header height to 500px, but I would prefer for
   it to resize automatically to show more or less the whole image, like it does
   with the width. Is that possible? I tried setting the height to “auto” but that
   didn’t seem to work. [http://dreamhorsearts.com](http://dreamhorsearts.com)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Thread Starter [lauragyre](https://wordpress.org/support/users/lauragyre/)
 * (@lauragyre)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/make-header-image-auto-size/#post-7558392)
 * Also, how could I set the main menu to actually display below the header image?
   I set it to “navigation below”, which seems to put it below the logo, but not
   below the header image.
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/make-header-image-auto-size/#post-7558447)
 * I wrote a tutorial on [how to create a scalable header image](http://montezuma.inrgee.com/2016/07/scalable-header-image/).
   Let me know if something isn’t clear or if you have problems trying to implement
   it.
 * By the way, you should learn how to write your rules without using the **!important**
   clause so much. It’s not needed most of the time if you understand [how specificity works](https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/),
   and most experienced web designers will tell you to [only use it in very specific situations](http://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/)
   because it makes it harder to make later changes. I only use it if I need to 
   override an inline style, or if the theme is so poorly designed that there aren’t
   enough classes or IDs to make a selector with higher specificity.
 *  Thread Starter [lauragyre](https://wordpress.org/support/users/lauragyre/)
 * (@lauragyre)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/make-header-image-auto-size/#post-7558523)
 * Thanks for the tips!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘make header image auto-size’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/make/1.10.9/screenshot.jpg)
 * Make
 * [Support Threads](https://wordpress.org/support/theme/make/)
 * [Active Topics](https://wordpress.org/support/theme/make/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/make/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/make/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [image](https://wordpress.org/support/topic-tag/image/)

 * 3 replies
 * 2 participants
 * Last reply from: [lauragyre](https://wordpress.org/support/users/lauragyre/)
 * Last activity: [9 years, 11 months ago](https://wordpress.org/support/topic/make-header-image-auto-size/#post-7558523)
 * Status: resolved