[Resolved] Need padding above "navigation as header"

[ClearCity]

Hello again, and thank you for your stellar support.

I found code to keep the top bar visible while using sticky navigation here: https://generatepress.com/forums/topic/top-bar-fixed/ but now the top bar overlaps the logo and top of menu (using navigation as header). How can I add some padding/or find a way to push down the navigation/header, so the top bar doesn’t overlap the menu?

[Leo]

Hi there,

Your site requires username and password to view.

Any chance you can unlock it for now?

Let me know 🙂

[ClearCity]

Hello,
I just checked on that – and it’s a glitch I’ll have to fix. If you just hit the cancel button, the site will load. Thanks.

[Leo]

Try this CSS:

#site-navigation {
    margin-top: 59px;
}

[ClearCity]

Hello, yes, that works, but when I scroll down it goes up behind the top bar.

What I’m trying to do is have the sticky navigation, but on the scroll down I don’t want the top bar to disappear. If there is a better way to accomplish this, please let me know. Thanks.

[Leo]

Try adding this CSS as well:

#sticky-navigation {
    top: 59px !important;
}

[Author]

Posts