Site logo

[Support request] Sticky header – jumps and glitches

Home Forums Support [Support request] Sticky header – jumps and glitches

Home Forums Support Sticky header – jumps and glitches

  • This topic has 7 replies, 4 voices, and was last updated 5 years ago by David.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1648977
    Scott

    Hello,

    I am trying to get the sticky header to transition smoothly as i assume it should. I have tried all settings and no matter what it seems to make the page jump around and act strange every time it transitions. When scrolling back up it seems to create a second header that disappears. It is very distracting and does not look nice. Any help here is appreciated. You can see it here: https://gettestednow.com/

    Thanks
    Scott

    #1649246
    David
    Staff
    Customer Support

    Hi there,

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

    #1649283
    Scott

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

    #1649460
    Leo
    Staff
    Customer Support

    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/

    #1650564
    Scott

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

    #1650745
    Leo
    Staff
    Customer Support

    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?

    #1706065
    Titiana

    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

    #1706259
    David
    Staff
    Customer Support

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.