Archived topic
Sticky header
3 replies · Started by Jeffrey on May 3, 2022
Hello,
I am using css to make my header sticky, but for some reason there is a very minor shift in the header as you scroll down on desktop (maybe the padding on top is off)?
This is the css I am using:
.site-header {
position: sticky !important;
top: 0;
z-index: 99;
}
Hi there,
i am not really noticing any shift, there is an ever so minor shift when scrolling back up as the site-header returns to its normal place.
Are you seeing more ? And if so is it on any specific device or browser ?
Doh! I'm viewing it in my wordpress editor customizing view where there is a small customizing tool bar at the top that is causing some distortions in what I see when I scroll.
Stupid mistake on my part -- thank you!
No worries - glad to be of help!
