Sticky header - jumps and glitches

Hi there,

can you provide a log in so we can get past the maintenance page ?

Sorry, maint is off now. had a small issue to deal with..

Hi Scott,

Couple of options I see here:

- Disable the sticky navigation in the customizer and make the entire header sticky with this CSS:

.site-header {
    position: sticky;
    top: 0;
    z-index: 999;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

- Try the navigation as a header option:
https://docs.generatepress.com/article/navigation-as-a-header/

Thanks - CSS did the trick.
Curious- do you know why the customizer acts so strange?
Thx!

Curious- do you know why the customizer acts so strange?

Not sure what you meant by that. I didn't see any jumps or glitches when viewing the site before.

The sticky navigation option in the customizer does not stick the header for you - only the navigation.

Perhaps that's where the confusion was coming from?

New Member here :)

This is also happening to me. The customer wants the sticky header to be white - then turn yellow and shrink after scroll.

I can get the yellow and the shrink but the menu does a small hop on the downward scroll and jumps around like a cat on a hot tin roof when you scroll back up. It does the same thing the OP experienced. ( shows the white header under the sticky yellow header for a second then disappears)

Since I need the color change on scroll I can't use the css provided.

Is there another way to fix this issue?

VIDEO HERE: https://idesigntheweb.com/wp-content/uploads/2021/03/generate-press-navigation-jumpy.mp4

Thank you so much, Tanya

Hi there,

Welcome :)
would you mind raising a new topic where you can share a link to the site using the Private Information field and i can take a look