What options are available to remove or delete the style of the 'current' state in the nav menu links in Webflow?

Published on
September 22, 2023

To remove or delete the style of the 'current' state in the nav menu links in Webflow, you can follow these steps:

  1. Open your Webflow project and go to the Nav menu element that contains the links.

  2. Select the current state of the link that you want to remove the style from.

  3. In the right-hand panel, under the Styles tab, you will see all the styles applied to the current state.

  4. To remove the style, you have a few options:

    • Reset to default style: If you want to remove all the styles applied to the current state and revert back to the default link style, you can click on the "Reset to Default Style" button. This will remove all custom styles and reset the link to its default state.
    • Override specific styles: If you only want to remove certain styles from the current state, you can individually override them. For example, if you have a custom font color applied to the current state but you want to remove it, you can click on the color picker and select the "No color" option.
    • Delete the current state: If you want to completely remove the current state, you can click on the "Delete State" button at the top of the Styles panel. This will remove the current state and any styles associated with it.
  5. After making the necessary changes, you can preview the changes in the Webflow Designer to see the updated styles. Remember to save and publish your changes for them to take effect on your live site.

By following these steps, you will be able to remove or delete the style of the 'current' state in the nav menu links in Webflow.

Additional questions:

  1. How can I add custom styles to the 'current' state in the nav menu links in Webflow?
  2. Can I create different styles for different 'current' states in the nav menu links using Webflow?
  3. How do I edit the default style of the nav menu links in Webflow?