Change color of the navbar font when scrolling/clicking to a different section


I have been trying to reproduce the same effect that from this template:

I don’t understand how to recreate this changing color effect of the Navbar elements (Features, Pricing) when scrolling and clicking to the corresponding section.

Any help would be appreciated,


Hi @etienneflorent

To have that effect, the nav link elements are linked to sections in the page. Once you scroll to the section that you want the element to change, the nav link will be in the “Current” state, just like when it is in the current state when going to a different page.

  1. Add Section ID for each section that you will link to.
  2. Set your nav link to go to that section.
  3. Change the color of the text of the nav link when in the “Current” state.

Hope that helps!

1 Like

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