Streaming live at 10am (PST)

Webflow Workshop - Bringing a static mockup to life in Webflow


Join us live on June 20th at 10am (pacific)
[ Watch live ] | [ Join the live chatroom ]

In the next Webflow workshop, we will be building off of a static mock that a dribbble user, named Gil, created. But after we rebuild the mock, we'll make it come to life by adding custom interactions and animations.

Design by:

Clone this project: TBA

made this a banner . It will appear at the top of every page until it is dismissed by the user. #2

removed this banner . It will no longer appear at the top of every page. #3


For some reason the numbers links are not working correctly, the number 3 scroll to slide 2, the number 4 scroll to slide 3. When you remove the navbar or change its position the slides links work perfectly well.

I still don't understand why.

Thanks for this workshops Nelson.


Hmm... Yeah. I was having trouble with that during the stream. Did you figure out the issue?


I was playing with it, but still don't know how to get it to work properly without changing the navbar styles :worried:


I played with it a bit more and get it working. This is what I did.

Put navbar inside a div with position absolute top left, with a width of 90px and an auto height (or zero).
Change the navbar to have a height of 100vh and a position of auto (static).

This way the height of zero of the navbar container don't affect the scrolling effect.

Have a good day.