Experiencing difficulty moving navigation bar upwards to remove blank space

Technical Q&A
1

At the moment there is a lot of white space above my navigation bar on https://www.stimagz.com/

I managed to remove some white space at the bottom of the navigation bar using this code I found online:

header.site-header {height: 150px !important;}
@media only screen and (max-width: 768px){
header.site-header {height: 150px !important;}
.header-logo .lazyload__image-wrapper {max-width: 110px !important; }
header.site-header .header-logo { margin: 15px auto !important; }
header.site-header .site-header–text-links, header.site-header .site-header–text-links p {margin-bottom: 0px !important;}
}

But if I reduce the padding anymore than this then the navigation bar doesn’t move upward with it and it crops into the first actual section.

So I’m wondering what code determines how to move the actual navigation bar upwards? Not just affect the padding around it?

Thank you so much!

1 Like
2

Hello @Cryyos

Remove height from header.site-header class first.
There is extra white space surrounding your site logo. Trim the white space in logo to make the header smaller.
and then reduce .site-header padding to padding: 15px 0;

3

Ah it was the logo! Thank you so much!