Archived topic
Need padding above "navigation as header"
5 replies · Started by ClearCity on March 9, 2020
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?
Hi there,
Your site requires username and password to view.
Any chance you can unlock it for now?
Let me know :)
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.
Try this CSS:
#site-navigation {
margin-top: 59px;
}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.
Try adding this CSS as well:
#sticky-navigation {
top: 59px !important;
}