Jump to content

How do I remove underlines on hover in my navigation menu

Recommended Posts

3 hours ago, HugoFoster said:

Site URL: https://strawberry-hibiscus-h9w6.squarespace.com

Hi there. I am trying to completely remove my navigations underline on hover effect. I have added another button to the navigation bar and the underline effect clips through the button, so I would like to remove it entirely. 

Password: Launchpad123

Hey @HugoFoster try to add next code in Custom CSS:

.tweak-global-animations-animation-type-flex .header-nav-item:not(.header-nav-item--folder) a::after,
.tweak-global-animations-animation-type-flex .header-nav-folder-item a::after {
  display: none !important;


SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.