Streaming live at 10am (PST)

Navlinks change colour on scroll


#1

I have a fixed Navbar at top of page and when the page scrolls down the navlinks change colour to blue when triggered by the sections to which they are linked.

Although this is good functionality, being quite new to Webflow I cannot find the interface menu that controls the trigger or even the colour invoked when the trigger is invoked.

Here is a test page that I have created to show this. I would appreciate help in finding the part of the interface that controls this.

https://preview.webflow.com/preview/test02-21747f?preview=623ae1e66120d4a4e77db26111e167e9

Thanks.

Here is my public share link: https://preview.webflow.com/preview/test02-21747f?preview=623ae1e66120d4a4e77db26111e167e9
(how to access public share link)


#2

Hi Stuart,

To be able to see your project you need to follow the steps to share your link below :grinning:


#3

Same here. Can't figure out where to change it


#4

Ok Stuart, I think I found it...
Click on the Navlink that is blue. You will notice in the class tab, it also says "current".
This means that you have assigned that tab to a section, and it is "currently" the section you are in.
So now go and change the text colour to what you want it to be.
And it only applies this to the "current" setting...


#5

Brilliant! I am not sure I would have worked this out on my own.

Thanks Wayne :slight_smile:


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.