How to create a sticky Nav Menu

Community resources Webflow Tips
1

Continuing the discussion from Menu at bottom then fixed to top:

Take a look at this goo.gl/cwXhMX

If is that what you are looking for, you just need to duplicate the navBar and rename it:

1881×849 1.3 MB

Then fix it at top and change the Display to None (don’t forget to change the z-index too):

235×720 32.2 KB

Create an interation for the section above the Blocked NavBar (in my case, my Hero Section), to affect the fixed NavBar:
Scroll into view >> Display None
Scroll out of view >> Display Block

1881×800 1.49 MB

That’s it :smile:

5 Likes
2

Thank you Maximus! Nice tutorial all done with bo problem!

3

Here result … http://doferson-testspace.webflow.io/

1 Like
4

That’s it!
Great @Evgeny_Troitsky :slight_smile:

5

@maximus I want before scroll down the size of the height is greater than after we scroll down.
like this website, the size of its menu changed after we scroll down :