- This topic has 7 replies, 4 voices, and was last updated 5 years ago by
David.
-
AuthorPosts
-
February 7, 2021 at 6:07 am #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
ScottFebruary 7, 2021 at 7:56 am #1649246David
StaffCustomer SupportHi there,
can you provide a log in so we can get past the maintenance page ?
February 7, 2021 at 8:40 am #1649283Scott
Sorry, maint is off now. had a small issue to deal with..
February 7, 2021 at 11:45 am #1649460Leo
StaffCustomer SupportHi 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/February 8, 2021 at 8:23 am #1650564Scott
Thanks – CSS did the trick.
Curious- do you know why the customizer acts so strange?
Thx!February 8, 2021 at 10:58 am #1650745Leo
StaffCustomer SupportCurious- 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?
March 23, 2021 at 12:48 am #1706065Titiana
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
March 23, 2021 at 4:35 am #1706259David
StaffCustomer SupportHi 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 -
AuthorPosts
- You must be logged in to reply to this topic.