Main Menu height

[aaustin69]

Hi, is there a way to reduce the height of the main menu area? I am referring to the white area in the attached photo. I can make my logo much smaller, but it does not reduce the height in this area.

Also, is there a way to reduce the title bar height as well (for pages where I am including a title bar)? I have reduced the padding in the title bar using css code below.:

.page-heading {
padding-top: 8px;
padding-bottom: 0px;
}

I can reduce the top padding to 0 instead of 8 above which helps to reduce the height, but then my title text is no longer vertically centered. So my goal is to reduce the overall height while keeping the text vertically centered.

Hope this makes sense.

Thanks in advance,

Alan

[Kyle – SUPPORT]

Hi

Try this custom css:

#header-section {
  height: 50px;
  padding: 10px 0;
}

You can alter the height and padding until it suits your layout.

For the page title add:

.page-heading {
  padding-bottom: 10px;
  padding-top: 10px;
}

– Kyle

[aaustin69]

Hi Kyle,

This works great for the main menu adjustment, thanks.

Regarding the title bar, I ended up inserting at height parameter in addition to the padding parameters, and was able to reduce the title bar height that way.

Thanks for your help.

[Melanie – SUPPORT]

Great! 🙂