Changing Header Height

  • Hello,

    Instead of using an image within the header, I’d like to have a thinner, low profile header menu with a solid color background. Right now it looks like I’m limited to a minimum of 250px height header, which is still a bit larger than I’d like.

    Is there a way to decrease the header height within this theme? Is this something I need to do by going into the code of the theme, or is there a CSS snippet I can add to get this done?

    Any help is greatly appreciated.

    Thanks.

    • This topic was modified 6 years, 3 months ago by jasonashworth.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello there,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    
.sydney-hero-area {
  max-height: 250px;
}

    Regards,
    Kharis

    Thread Starter jasonashworth

    (@jasonashworth)

    Hi Kharis,

    I’ve added that code and changed the value to 200px in the code, but it looks like the header is still limited to a minimum of 250px height.

    Is there any way to adjust it a bit smaller, for both desktop and mobile? Essentially I just want to be able to bring the “Header Height (default 300px)” down below 250px. so it’s a little lower profile

    The site is located at lakeviewbaseballclub.com, for reference.

    Thanks,
    Jason

    Hello Jason,

    To make everything clearer and allow us help you better, is this the header area you’re referring to? See the below attachment (green highlight).

    Screen Shot 2018 12 20 at 07 58 11

    Regards,
    Kharis

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