Streaming live at 10am (PST)

How to create a sticky Nav Menu


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

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)
#2

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


#3

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


#4

That's it!
Great @Evgeny_Troitsky 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 :
https://jalantikus.com/


#6