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.
