Stick Tabs to header (and restyle) at certain scroll point on page

Hey!

New to webflow.

I have a tab section part of the way down my site. This has been styled to look like big friendly buttons.

The tabbed content is long, so when you scroll past the tab buttons i want them to stick to the header and restyle to be slim links slightly below the main header.

What is the best way to achieve this?

Thank heaps for the help!!

Here is the read only link;
https://preview.webflow.com/preview/on-toast?utm_medium=preview_link&utm_source=designer&utm_content=on-toast&preview=9bc68c1f7a4b5212fc023ef0ebe9a106

Link to a section by giving the section an id. When that section takes up more the 50% of the viewport height it will attach the ‘green’ class ‘current’

1 Like