The sticky menu loses its property in the middle of scrolling

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;
}

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.

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.

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

Glad to be of help.

I had this same issue and found it was an embedded BBB Seal that was causing trouble. It was adding CSS to the html,body. So I added this to the Additional CSS and that fixed it right up.

html,body{height: intial !important; min-height: 100% !important;}

I love your theme and support so much. Thank you, David!!

Thats great to hear = so glad you found it of use Emily :)