Header Container Height

  • Hi all,

    I’m trying to swap out my current header for a new one, but the new one will be taller. How do I change the header height so that when I upload an image to Background Images -> Header nothing will be cut off from either the top or the bottom of the image?

    My website is https://www.somesundrytales.com

    Thanks for the help,
    Amanda

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

  • Hi Amanda,

    Your blog is just delightful! Thank you for sharing the link!

    There’s no way to specify a header height except to edit the header files or stylesheet of the theme, unfortunately.

    Thread Starter somesundrytales

    (@somesundrytales)

    Thanks Melissa.

    Can you tell me how I would go about doing that? Is it really complicated?

    Hmm. You could try something like this in the CSS of your child theme:

    .site-header-main { min-height:200px; }

    Or however tall you want it to be. ??

    Thread Starter somesundrytales

    (@somesundrytales)

    Hmm, it doesn’t seem to be working.

    In the Make Theme preview it shows a header image which is quite tall. I don’t quite understand how the preview shows a tall image, but the actual theme has such a limited size? Am I doing something wrong?

    I’m relatively new to CSS, but I’ve tried multiple different codes with nothing making a difference. Do you have any other suggestions that make allow the header image to be taller?

    Thanks for your help! ??

    Thread Starter somesundrytales

    (@somesundrytales)

    Oh, nevermind! I got it! Melissa, you rock! Thanks ??

    Glad to know it’s working for you!

    The new blog header looks really lovely!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header Container Height’ is closed to new replies.

Tags