Remove underlined active links in header navigation

---

Squarespace automatically underlines your links, which is great for showing people where to click, but it might not match your website’s aesthetic. Removing link underlines can create a cleaner, more minimalist appearance.

In this quick tutorial, we’ll will show you how to remove those underlines using a simple CSS snippet.

Where to add the code

In your Squarespace dashboard, head to:

Design → Custom CSS

Then simply copy and paste the code below.

/* Remove Navigation Underlined Active Links */


.header-nav-wrapper a {     

background-image: none !important; 

}

That's it! Refresh your site and the active navigation underline will be gone.