Change Top Links Color in Inline Navigation Bar on Scroll

Hi!

I need some help in changing the text colors of the top links of an inline navigation in a header when scrolling down. I’ve been successful in changing just text and background colors (not in the inline navigation), but when it comes to having the top links change color, no luck there.

Some context might help: The page has a dark background. I have a header background that’s transparent, originally with white text. There also is an inline navigation menu, however its top links are colored black (basically invisible due to the dark gradient of the page’s background).
On scroll, the header’s background turns from transparent to white, the text from white to black (which I want), and the inline navigation top links turn from practically invisible to black.

This seems okay, but I really want to have those links be white on the page immediately.

Any help would be appreciated!

Hi John,

Your site is on Coming Soon mode so I can’t see your setup. We need to see how you implemented the background changes on scroll first before we can recommend how to change text color too. We might need custom CSS that might override default navigation text color. Please share credentials inside a secure note:

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