Streaming live at 10am (PST)

Fixed navigation help


#1

Hello! I want to make a fixed navigation bar that is placed below hero. Here is my public share link: https://preview.webflow.com/preview/all-events-promo?preview=c5c2209c85549d931e4e69d65f8deac8

How can I do that?


#2

You have to make a copy of the menu element, but with a new class name (menu-fixed) for example. And make its position = fixed. And set its display value to none.

Then you have to add a new interaction to the "original" navmenu. An interaction, whith a scroll trigger, that affects a different element, the menu-fixed element. Then you have to set so that, when its out-of view then it will set the menu-fixed element's display value to visible/or displayed.

This is one way to do it at least :blush:
Hope that it makes kinda sense.
Very nice design btw :blush:

All the best to you.
Jonatan


https://interactions.webflow.com
https://interactions.webflow.com/fade-in-navbar-video


#3

Thanks a lot, Jonatan!


#4

No problem, hope that it helped 😄😊


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.