In-page nav link changes color when over section

Design help General
1

Hi all,

I’m using a Fixed Nav and linking the button in-page to sections. For some reason, when I scroll to one of the linked sections, the according nav button changes color to white (see ‘Watch The Demo’ button’). Tested this by changing the bg color to red and it appears that when I scroll to the link section, the “Watch the demo” changes from grey to white. Cannot for the life of me figure out why.

Weirdly enough, this does not happen (sometimes) in read-only mode so I’m including the actual URL is well so you can see the problem.

Any thoughts?

Thanks in advance!

Here is my site Read-Only: Read Only
(Actual URL, See problem here)

2

First off welcome to the community @Philip_Alexandrov :tada:

I see what you’re talking about. Here’s a quick video explaining what is happening and how to fix it: Nav Link Fix Video

If this solves your issue please go ahead and mark it as a solution and if not feel free to reply with additional questions.

3

Super helpful, thanks Austin! It did fix it. Do you mind me asking what you meant by “this fails accessibility” in the video when you selected blue instead of white?

Tysm!

4

Hey! Yeah here’s an explanation on it: Video Explainer

5

Hi Austin, none of the links you provided are still working - I have the same problem, would love to see what thats about. Thanks!

1 Like
6

I have the same problem as well, can you help @austin

7

Hi @poyraz can you provide the read only link to your project? I can record a video explaining it if you’re still having the issue.