Archived topic
Sticky navigation overlap with primary nav
7 replies · Started by Speedy on July 29, 2021
Hi there - we are noticing that the GP sticky menu is overlapping the standard primary menu when scrolling up. This only happens very briefly at the transition point between the sticky and normal menu, but there is a point where both menus are visible. Tried fade / slide / none transitions but still happens.
Any way to avoid this?
Also, looking at the sticky menu documentation we can't see the "height" adjustment mentioned there?
Latest versions of everything etc except wp where we are sticking to 5.7 for now...
Cheers
Hi there,
Sticky Nav with transition works best when the Navigation as Header option is enabled in Customizer > Layout > Header.
For very tall site headers it is unfortunately prone to this kind of issue.
Thanks for getting back to me David.
That's a pity. Even if we could just fade the sticky menu out @100px earlier, before it reaches the main header / nav would be useful.
Never used the "nav as header" option before, so will have to experiment. Running out of time though as we are on final snagging / approval for this site
Cheers
If you can share a link to the site i can take a look ?
But there isn't much filterable control over the sticky nav behavior... its due for an update...
Thanks David, it only happens scrolling up the page at the very last moment the sticky and primary navs overlap so you see both at once
Cheers
Link included
Try adding this CSS:
#sticky-navigation {
z-index: 1000 !important;
}Genius! So obvious now I see it - they'll be delighted :)
Cheers!
Glad to be of help!
