Streaming live at 10am (PST)

How to create a sticky Nav Menu


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

Take a look at this

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

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

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

That's it :smile:

Scroll-Then-Fix Content Tutorial
How to make a nav bar scroll like this website
How does one change nav bar color on scroll?
CoWorking/CoBaby landing page (first webflow professional use)

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


Here result ...


That's it!
Great @Evgeny_Troitsky smile


@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 :

closed #6