[Resolved] Need padding above "navigation as header"

Home Forums Support Need padding above "navigation as header"

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1190016
    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?

    #1190049
    Leo
    Staff
    Customer Support

    Hi there,

    Your site requires username and password to view.

    Any chance you can unlock it for now?

    Let me know 🙂

    #1190055
    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.

    #1190058
    Leo
    Staff
    Customer Support

    Try this CSS:

    #site-navigation {
        margin-top: 59px;
    }
    #1190078
    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.

    #1190091
    Leo
    Staff
    Customer Support

    Try adding this CSS as well:

    #sticky-navigation {
        top: 59px !important;
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.