How to remove underlined active links in header navigation in Squarespace 7.1

PIN TO SAVE FOR LATER!

We’re big believers that implementing CSS customizations in your website to remove or adjust the default settings really elevates a Squarespace website — often this leaves viewers wondering “is this really a Squarespace website?”

This straightforward and copy/paste tutorial will remove the default underline for active links in the Squarespace 7.1 header navigation.

Keep your audience guessing with this quick and easy CSS hack!

GO TO: DESIGN > CUSTOM CSS > COPY & PASTE CODE BELOW

// REMOVE UNDERLINED ACTIVE NAVIGATION LINKS

.header-nav-wrapper a {
    background-image: none !important;
}

Thanks for reading!

Did this tutorial help? Consider buying me a coffee as thanks! 🥰

Use discount code STYLEDSQUARE10 to save 10% off your Squarespace Subscription!

* Disclaimer: This post contains affiliate links. If you purchase through our links, we may earn a small commission at no extra cost to you. We only ever recommend tools we genuinely use and love.

More tutorials