Can’t get rid of the header gap

Hi @aloco3!

Thanks for choosing Neve!

That white space below the logo is the header itself. The logo image doesn’t occupy the entire height of the header as its height is smaller than the one of the header, so there will remain a space above and below that image. It’s possible to remove that space below the logo by decreasing the header height, but this depends on the screen size. You could add the code below in the Additional CSS section within the Customizer to decrease the header height, but as I mentioned, that space will still be visible in some cases, depending on the screen size.

.header {
    height: 87px !important;
}

Have a nice day!

Hey, thanks for the reply, much appreciated. I have tried to increase the logo in size (100% and so on) but the gap is still there, so I don’t think that the logo is smaller then the header itself.
The custom CSS worked, thank you! The only problem is that mobile version now has that big gap. Is there a way for the given CSS code to effect only desktop version of the site?
Thanks!

Hi @aloco3!

Sure, it’s possible to target only desktop devices. You should replace the code previously provided with the one below.

@media(min-width: 1200px){
.header {
    height: 87px !important;
}
}

It would be great if you could mark this thread as resolved!

Thank you and have a great day!

Hi, that works!
Thank you for your help, much appreciated!

Wonderful, I’m glad I could help!