How to Disable "Current" State Styling?

Design help General
1

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hello,

I am creating a one-page website. The first nav bar link called “about us” is a second section, followed by a hero section. This “about us“ link’s font color changes from white to black when the screen top hits 50% of the hero section. I assume that it comes from the “current state“ styling.

However, I cannot find the current state in the dropdown menu. I want the link stay white until the background of the navigation changes. (Then all the link color changes into dark color at the same time)

Thank you so much for reading and taking the time on this.

2

If you set the link to a specific page and then navigate to it, the link will have the Current combo class active — just note that you may need to de-select and re-select the link for it to show in the style panel.

In terms of styling the link to change colors based on the section, I’d recommend an interaction that targets the navigation text color when a specific section is scrolled into view. If you run into issues getting that setup after you clear the Current link styling, don’t hesitate to reach out!