How do I remove the weird underline in a purple color from the nav menu in Webflow?

Published on
September 22, 2023

To remove the weird underline in a purple color from the nav menu in Webflow, you can follow these steps:

  1. Access the Webflow Designer: Log in to your Webflow account and open the Webflow Designer for the specific project you want to edit.

  2. Navigate to the Nav Menu: In the Designer, select the element that represents your nav menu. This is usually a div or a nav element.

  3. Inspect the Styles Panel: On the right side of the Designer, you'll find the Styles panel. Make sure the element you selected in the previous step is still highlighted.

  4. Inspect the Underline Style: Within the Styles panel, look for the section that controls the text decoration options. This is where you can customize the underline style.

  5. Remove the Underline Style: Find the "Text decoration" property and click on the pencil icon next to it to access the text decoration options. Set the "Text decoration" property to "None" to remove the underline.

  6. Change the Nav Menu Styles: If the underline is part of a specific navigation link, you may need to apply the changes to that specific link only. You can do this by selecting the individual link element within the nav menu and following steps 4 and 5.

  7. Preview and Publish: After making the changes, preview your website to ensure the underline has been successfully removed. If everything looks as expected, publish your site to make the changes live.

By following these steps, you can remove the weird underline in a purple color from the nav menu in Webflow. Remember to save your changes regularly to avoid losing any progress.

Additional Questions:

  1. How do I change the font color in the nav menu in Webflow?
  2. Can I add a dropdown menu to my Webflow nav menu?
  3. How can I create a sticky nav menu in Webflow?