Shrinkable navbar on scroll?

I am trying to deconstruct this cloneable websites navbar (apologises to the designer, i tried looking for it again but couldnt find it so i couldnt sing his praises here but it looks cool, cheers for sharing) but for the life of me i cant see any interactions or transition on it and i cant copy it so that it works. does anyone know how i could replicate this effect???

here is the website i mentioned (again apologies to the designer)
https://preview.webflow.com/preview/cool-nav-menu?utm_source=cool-nav-menu&preview=cf9628f353364b4dcd522fcc28ac2c4b

thanks for your time


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

1 Like

Hey @Hobbitrock83

The read-only link is not working. Can you share again?

Piter :webflow_heart:

Yeah your link isn’t working but my guess is that a page element leaves the viewport telling the nav to shrink in height. Elements inside the nav are set to scale with it.