Sticky navbar stops midway

Design help Animations & Interactions
1

Hi everyone!
So here’s the drill: my sticky navbar sticks but stops midway… why is that? I am guessing by looking at all my elements that it’s probably because of my hero header. If you look closely the bottom end of my hero header stops my navbar and pulls it up turning it into a static navbar. Happens only on home page so that must be the culprit.

Any help is very much appreciated.

Here is my public share link: LINK
(how to access public share link)

2

Hey,

I have bad experiences with position: sticky and stuff like this happening. :slight_smile:

I would set it to position: fixed to top. You might have to do some smaller changes to the layout since position: fixed takes the element out of the “flow”, but it ususally works out pretty smoothly :slight_smile:

3

Thanks for the info. I tried this technique and it messes up my navbar. Indeed it works and scrolls past the point where it was previously stopped but it also broke the navbar design (which is a symbol). I will try to look for tweaks and a workaround using fixed position.