Expanding and shrinking navbar - Scroll interaction - Tutorial (2021)

[@miramark]

You are a pixel angel drop from pixel heaven, Nelson! Keep going!

[@vianneypercq]

Thank you Nelson for this tuto! The first part about "cleaning" the default navbar is very helpfull!

[@topemeister3000]

Mad skills, bro. I'm just starting out in Webflow and I hope to reach at least half your power level one day. Thanks for all your tutorials. I really appreciate em

[@Valitzu777]

Man, I've learned so much from you!!! just in this crash course video, you have put into perspective everything that webflow university has tried & failed to make me understand, in over 10 different (albeit funny and entertaining) waste-of-my-time courses... Cheers, I will buy you a cup of coffee soon, no to worry :)

[@BezUmiaru]

Mate, the stuff you produce and the way you deliver are super great!

[@mrED123]

Wow this video helped me out a lot! Struggled for like an hour on how to get that centered logo with two side links! Thanks a lot!

[@writersnoise]

Great explaination made is really simple

[@user-bs3fl7ct7l]

Hi Nelson, Love the tutorial, but if there's any chance you can expand into the responsive versions and how to style against the initial stucturing of the Nav bar that'd be awesome

[@sarahberger3189]

AMAZING!

[@lubomyrtlustyk5768]

This is super useful!!!

[@AndreMurrell]

I would love to see how this extends into mobile and tablet...I often find thats where i lose the plot.

[@ofekezra7567]

Amazing channel , can you please make layout tutorial ( grid) ?, how you chose grid for your project and how you planning ?

[@toby-o-rink]

Great Tut. Thx Master. :-)

[@PeterRychlik]

This is really cool, but how does one make it mobile responsive?

[@Angrygooddoer]

hi this video has been so helpful for me! however around time mark 13:00 my items shrink all the way even though i changed it to all elements in the class, the text now cant fit. any help please?

[@sofiegronberg5818]

I need to create a navigation bar where the nav links to the left are very big and therefore shrink as one element when scrolling down, and reverse when scrolling up. My issue is that the navigation bar doesn’t change in height with the element shrinking. The nav bar itself is placed below an image on the page and it would be nice if the animation first starts when the navbar sticks to the top of the page. So when the image above is out of the picture. Do you have any suggestions? :-))))

[@HarshVerma.Growth]

Great

[@paolotiboni9906]

is there a way to take out the code from the webflow page once a project has been built with it ?

[@jenniferward6821]

Thanks Nelson. I tried this in a similar fashion but when my hero shrank, the rest was of the content did not float up to full the space?? What am I doing stoopid??

[@mikesosnowsky1343]

Hi, do you know how to create a navigation in webflow that hides itself after a few seconds of being in view. Then, if I start scrolling up, it reappears and if I stop in place, it will count down a few seconds again and it will hide itself. I tried to do this with scroll in to view, but unfortunately it works only once and if I scroll up the page later to bring up navigation again, it doesn't hide by itself.

[@kai4824]

The menu expand wider in section 1, because you made the action 'expand wider' in section 1 right?

[@pixelgeek]

Yup 😁👍

[@kai4824]

@@pixelgeek Was that a little mistake or.. ?

[@iDATUS]

I am still reaching for the volume down button on your music intro!

[@pixelgeek]

Sorry 😓😓😓

[@iDATUS]

@@pixelgeek I found a great EQ for changing sound if you want me to try again on tweaking it but after you didn't download my last attempt not so keen. Just volume it down abit, even the Mrs in the other room said wtf was that. At least the content is spot on else you be barred.. maybe.