Streaming live at 10am (PST)

Nav Bar - Change Colour and Logo Size when at top of page

Hey there,

I’d like to create an interaction but not sure how to do it.

Essentially, when someone is at the top of the page, I would like the Nav Bar to be transparent and the logo to grow in size. How can I do this?

Sort of like on this website:

Any help appreciated!


Here is my public share link: https://preview.webflow.com/preview/nook?utm_medium=preview_link&utm_source=dashboard&utm_content=nook&preview=9491ae48ef3c0f7b280d8b3ac3f643fd&mode=preview

I suggest using the interactions tools. My logo jiggles when the pointer goes off.

image

The University has information to get started.