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

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;
}
 

More tutorials

Previous
Previous

How to add a black & white hover effect to images in Squarespace 7.1

Next
Next

Modern & Trendy Font Pairings for Your Squarespace Website (7.0 & 7.1)