[Resolved] Sticky Nav extra few pixels of space below the logo

[Allison]

Hi guys,

Wondering if you can help solve a mystery for me. I am trying to remove the few pixels that appear below the logo on the sticky nav bar (see here) so the logo touches top to bottom of the bar, I cannot seem to remove the spacing. Any ideas? I linked the website in development in the private information section.

Best,

Allison

[Leo]

Hi there,

Try this CSS:

.inside-navigation .sticky-logo.navigation-logo {
    line-height: 0;
}

Also, a quick suggestion when looking at your layout, this option might be worth considering:
https://docs.generatepress.com/article/navigation-as-a-header/

Hope this helps 🙂

[Allison]

Hi Leo,

That did it, thank you!!

Best,

Allison

[Leo]

No problem 🙂

[Author]

Posts