Jump to content

Remove active page underline link in drop down menu?

Go to solution Solved by Lesum,

Recommended Posts

Hi all! Wondering if there is a way to remove an active page underline effect in our drop down menu. 

I believe the issue is that the "Shop All" link is the page itself, and the additional navigation links aren't pages but categories filtered by tag, so the "Shop All" page is still considered active.

We fear it may be visually confusing. Is it possible to remove the active page underline for the drop down menu only, keeping the rest of the navigation the same? 

Here's the visual, or view the live site here

image.png.f910e8f62cb726e69d01cb93a3d6f66b.png

Thanks!

-Greta

Link to comment
  • Replies 2
  • Views 480
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution

@greta Hi! To remove the underline from active pages in the dropdown folder, you can add this code is Website > Pages > Website Tools > Custom CSS

#header .header-nav-folder-item--active .header-nav-folder-item-content {
    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?

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.