This topic is: not resolved

GreensKepper Top Navigation Menu Gap Issue

  • Avatarrs14smith
    Participant
    Post count: 3
    # 1 year, 6 months ago

    For header layout under Theme Options, I have the first option selected. The issue I am having is when I scroll down the page and the navigation menu follows, there is about a 30px gap between the navigation menu and the top of the webpage. So as you scroll you can see part of the webpage above the navigation bar. The navigation bar should be flush with the top of the browser as you are scrolling, but instead, a gap appears as if the margin-top setting isn’t correct.

    Attachments:
    You must be logged in to view attached files.
    AuthorAuthor
    Keymaster
    Post count: 26669
    # 1 year, 6 months ago

    Hi there

    Can you please share your website URL for me to check it?

    Thanks

    Avatarrs14smith
    Participant
    Post count: 3
    # 1 year, 6 months ago

    The URL is in the attached image for the first post.

    Thanks

    AuthorAuthor
    Keymaster
    Post count: 26669
    # 1 year, 6 months ago

    Ahh I missed it. You can add custom css at Theme Options => Custom CSS/JS for this
    .is-sticky .main-navigation {top: 0 !important;}

    Thanks

    Avatarrs14smith
    Participant
    Post count: 3
    # 1 year, 6 months ago

    Ok, that appeared to work as needed, but if I’m logged in, the top navigation is overlapped by the WordPress control bar.

    AuthorAuthor
    Keymaster
    Post count: 26669
    # 1 year, 6 months ago

    Add custom css:
    .logged-in.admin-bar .is-sticky .main-navigation {top: 28px !important;}

    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.