How do i get my navbar to appear under my hero


I would like my Navbar to appear when i scroll down but not until i scrolled pass my Hero section. How do I achieve that?

Best regards

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

Hope this help

Thanks but i still do not get it to work the way i want.

If you see my site, i want the navbar to behave in the same way until i scroll passed my hero slider. When passed my Hero silder i want my navbar to drop down. Any idea how this can be achieved?

At the same time i dont want any effect on the Navbar when in Mobile menu.

Like this;

Can’t say I know enough to offer help but are you looking for the navbar to appear once the hero is scrolled past without a navbar positioned at the top of the hero?

You need to assign an interaction to a FIXED-DIV.
Use the transition to move the DIV above the visible portion of the screen (-100%).
When the Hero section goes out of the view - trigger the interaction to move the DIV into the correct position.

We need the read-only link if you want us to work with you on this.



Here it is.


Hi everyone,

Thanks for all the help so far!

I now accomplished to make the navbar behave as I intended but I still have one small problem. I dont want the effect of the navbar sliding down when browsing in Mobile Landscape and Mobile Portrait. Any suggestion?


Create a mobile only element…

  • that is hidden for non-mobile.

Display your regular nav on non-mobile displays…

  • hide it on mobile.

Many thanks for all your help.

Really great forum!!

1 Like

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