Depth of navigation bar


Hi, I need to reduce the depth of the navigation bar, can you advise me please? The site is currently in development at 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



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


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.


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.


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