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


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;

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