REMOVE UNDERLINED ACTIVE LINKS IN HEADER NAVIGATION



If you're looking for a way to differentiate your Squarespace website design from the standard settings, customising with CSS is the way to go! With just a few minutes of time and effort, you can achieve a high-end result that leaves viewers with an "is this really a Squarespace website?" response.


To remove the default underline on active links in your Squarespace 7.1 header navigation, simply head over to your design panel and paste the following code.

DESIGN > CUSTOM CSS > COPY & PASTE OUR PROVIDED CODE BELOW:


/* Remove Navigation Underlined Active Links */


.header-nav-wrapper a {     

background-image: none !important; 

}
Previous
Previous

The Benefits of Having a Website for Your Business

Next
Next

TIP OF THE DAY: UNLEASH THE CREATIVE GENUIS IN YOU