Jump to content

removing underline from a specific link in the mobile menu navigation

Go to solution Solved by Lesum,

Recommended Posts

Posted

Hi, 

I've seen similar posts to mine, but unfortunately, none of the solutions helped my case.

On the website I'm building, I have a dropdown-menu under "music" on the main navigation menu. 

The first problem I encountered was that the first link ("releases") of the dropdown menu was underlined both on desktop view and mobile. I figured it out how to remove the underline on the desktop view, but can't seem to find a solution for the mobile view. 

If you click on a link inCapturadeecra2024-06-17as00_10_15.thumb.png.dfecac0699cb06e623767d98fe9a17eb.png the "music" dropdown menu, you will see that only the first one ("releases") gets underlined when active. None of the others gets underlined when active.

Please, could you help me with this?

  • Replies 4
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution
Posted

@ca_rolf Add this code under Website > Pages > Website Tools > Custom CSS

[data-folder="/music"] .header-menu-nav-folder-content .container.header-menu-nav-item.header-menu-nav-item--active * {
    background-image: none !important;
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.