[Resolved] Sticky header issues

[Benjamin]

The sticky header functionality on my site is a bit faulty. When scrolling down, the logo is blurry to the point that the user can’t make it what it’s.

Secondly, I also want to know how to add a bit of padding around the button at the end of the menu. This padding is mostly for when the user is scrolling.

The image highlighting these two issues has been attached.

Thanks in advance.

https://i.postimg.cc/nzkYTTNZ/sticky-header-issues.jpg

[Ying]

Hi Benjamin,

The URL of the logo in sticky navigation doesn’t seem right, the size is only 16px*7px.
https://www.screencast.com/t/OVHS0wcWAYE

Did you use some plugin to upload them? If so, could you try the original WP way to upload the image again in custmozer > layout > sticky navigation > Sticky Navigation Logo? Let me know.

Try this CSS for padding:

@media (min-width: 769px) {
    nav#sticky-navigation {
        padding-left: 50px;
        padding-right: 50px;
    }
}

[Benjamin]

Thanks. It’s working now.

[Ying]

Glad to hear that 🙂

[Author]

Posts