Problem with Header and Primary Menu height

  • I want to reduce the height of the header of my website (https://thearsenalcollection.org.uk/). I’ve tried to do it using this in the Additional CSS field:

    masthead {

    height: 90vh;
    }

    but when I reduce the value of “90vh”, the height of the Primary Menu increases to 2 or 3 times its normal height.

    I’m looking to have the header height something like this website:

    https://theobviousexit.com/

    Andy

    The page I need help with: [log in to see the link]

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

  • Hello @goonerak,

    So sorry for not replying sooner!

    I’ve checked your site and noticed that the Hero section is empty but uses some space, please take a look:

    https://prnt.sc/3B8FuAR0VLVQ

    As you can see, there is a textwidget with a bunch of HTML br elements that take the unwanted space. To reduce the size of the header, you should simply delete the empty widget, here:

    Appearance > Customize > Widgets > Hero > https://prnt.sc/aqnuO1kPEg2c

    Kindly let me know how it went. ??

    Best Regards,

    Milos

    Thread Starter goonerak

    (@goonerak)

    Thanks for the reply. It’s helped a little bit but I’d like to reduce the masthead further. The masthead for my site is 708.8 x 314.26. The masthead for theobviousexit website is 708.8 x 199.06.

    Is it possible to reduce the masthead height to 199.06 or a similar height?

    Andy

    Hi @goonerak,

    Thanks for your reply.

    I have checked your site again and noticed that now you have the page title displayed on your homepage. There is no such title displayed on the homepage of https://theobviousexit.com. The site has page titles displayed on other pages but not on the homepage.

    If you’d like to have the same setup, please add the following CSS code to the theme’s customizer:

    body.home .hero-inner{
	display:none;
}

    Kindly let me know if the provided code helped. ??

    Best Regards,

    Milos

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problem with Header and Primary Menu height’ is closed to new replies.