make header image auto-size

  • Resolved lauragyre

    (@lauragyre)


    9 years, 11 months ago

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter lauragyre

    (@lauragyre)

    9 years, 11 months ago

    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

    (@crouchingbruin)

    9 years, 11 months ago

    I wrote a tutorial on how to create a 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, and most experienced web designers will tell you to only use it in very specific situations 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

    (@lauragyre)

    9 years, 11 months ago

    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.