Need to add the selector line to the Nav menu text

Hi Dear sir / Madam,

i am learning the Webflow website building, here i am facing one issue that i am unable to add the nav text underlines while selecting the particular pages, i wanted to add the underline to the Header navigation menu items, i wanted the nav menu line design like this as mentioned in the reference image below, that line must not go out after selected the particular page, that nav text underline should be as selected when i have selected the nav menu items


Here is my public share link: LINK
(how to access public share link)

1 Like

Hi - There are a few different methods to achieve this, but without knowing exactly how you have built your navigation it is difficult to say. It is possible to edit the ‘Current’ state of a class - as shown in green on the image below.

This state applies to a specific link or navigation element when it points to the page you’re currently on.

For example, if you have Home, About and Blog in your navigation and you style the ‘Current’ state - then when you are on that specific page the ‘Current’ state styling will be applied.

You can access this state by assigning your nav links to the applicable pages (eg. About) and then when you are editing the ‘About’ page click on the ‘About’ link in the nav and the current state will be available next to the class as shown below.