Hover off animation preventing click on animation

I have a hover off effect that returns the text to a light gray (from black on hover over) but I also want the text to stay black when clicked on. but the hover off is overriding to the click on. Any idea on how to fix this?

Here is my public share link: [LINK](Webflow - Four Corners Global)
(how to access public share link)

Hi @TerraMars, first you should remove the hover animation from all “Nav Link”, then add the hover effect directly in the element style.

Step By Step

Another tip:
Currently, your “Nav Score” animations just change the clicked element font color and do not reset the siblings ones. If you want to keep it that way, cool, but if that is not intended the step-by-step has the guide to fix it.

Thank you. That was extremely helpful.

Is there a way to make it so the page content changes without reloading the page and nav bar? Would Tabs be suitable for this? I’d also like to make each ‘page’ linkable.