[Resolved] The sticky menu loses its property in the middle of scrolling

Home Forums Support The sticky menu loses its property in the middle of scrolling

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1025885
    Jean-Pol

    I use GeneratePress Pro with Elementor on a school site.
    I want the menu to be sticky. It’s fine, except that when I scroll the page, the menu disappears after about the middle of the page. Where is my error?

    Thanks !

    #1026047
    David
    Staff
    Customer Support

    Hi there,

    seen this a couple of times, where some other plugins jQuery is effecting the sticky element – which is troublesome to fix. Can you disable the Sticky Navigation and try this CSS solution instead:

    .main-navigation {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
    #1027859
    Jean-Pol

    Thanks David !
    I did what you advise, but now the main menu behaves like the sidebar: the sticky effect disappears at half of the page.

    #1027910
    David
    Staff
    Customer Support

    Aah should have spotted this before, you have some CSS that i assume is for forcing short pages to fill the screen so the footer always sits at the bottom of the screen. This CSS:

    html,
    body {
        height: 100%;
    }

    Change the height to a min-height property.

    Should be able to remove the CSS and resume using the Sticky Nav.

    #1028020
    Jean-Pol

    Thank you David! As usual, accurate help, effective, fast. The support of GeneratePress is the best I know.

    #1028230
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.