Sticky, Scrolling Navbar

Hi newbie here! Apologies if there is something similar to this already, but I haven’t found it.

I am looking to create a sticky navigation bar that sits below the hero section and remains fixed once it hits the top of the viewport as per this website Would anyone be able to help me with this problem! Tried many things, but nothing seems to be working.


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

Did you ever figure this out, I’m trying to do the same?

You should be able to do that with Sticky positioning and Top: 0. The nav bar should be contained in an element that span all of the page’s content.