Depth of navigation bar


#1

Hi, I need to reduce the depth of the navigation bar, can you advise me please? The site is currently in development at http://projectsthree.waterstreet.co.uk and I need to reduce the depth of the bar to make the first part of page content appear on a laptop size screen.
Thanks, Neil


#2

Hello,

Do you mean the height of the gray menu bar? It’s 192px on your website. How small would you require it?


#3

thanks Vlad, yes, that’s the element I mean. I’d like to try a few heights and see how it looks, but need it about 100px I would think.


#4

You can add this to a custom CSS plugin:


.main-navigation li {
   padding: 20px 10px;
}
.site-branding {
   padding: 20px 15px;
}
.site-logo {
   max-width: 200px !important;
}

This will decrease the padding and also make your logo a bit smaller. The height of the menu would be 111px. Let me know what you think.


#5

thanks Vlad, that looks great, I really appreciate your quick response