Jump to content

Remove underline on navigational items on the overlay menu on mobile

Recommended Posts

45 minutes ago, blackcat2226 said:

Hello, I was wondering is there is a code to remove the underline on the active page in the overlay menu when using a mobile device. Let me know and thanks!

Try adding to Home > Design > Custom Css

:is([aria-current="page"], [aria-current="true"]) .header-menu-nav-item-content {
  background-image: unset;
}

Support me by pressing 👍 or marking as solution if this is useful for you

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
  • 11 months later...

It works for me, thank you!

 

To add a bold effect to the active link: 

Just add   :

font-weight: bold;

Final result

:is([aria-current="page"], [aria-current="true"]) .header-menu-nav-item-content {
  background-image: unset;
  font-weight: bold;
}

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.