Removing underline from top navigation dropdown

I've looked at a number of older posts regarding this same question, but so far none of the suggestions have worked for me. Essentially when I'm on a specific page from my drop down menus, it has an underline on that link. I can't seem to figure out why I can't remove it.

You can use this code to Website > Website Tools > Custom CSS

span.header-nav-folder-item-content, div.header-nav-item--folder.header-nav-item--active>a {
    background-image: none !important;
}

On 4/25/2024 at 6:32 AM, tuanphan said:

You can use this code to Website > Website Tools > Custom CSS

span.header-nav-folder-item-content, div.header-nav-item--folder.header-nav-item--active>a {
    background-image: none !important;
}

 

Hi! I'm trying to do (I think) the same thing for this site I'm building https://chiton-teal-a3tj.squarespace.com/early-learners and when you're on any page from the dropdown, everything in the folder is highlighted. I want to keep the underlines on the main menu items, but not the dropdown links. I tried the above code and it didn't work. Thank you so much!

48 minutes ago, cassandraism said:

Hi! I'm trying to do (I think) the same thing for this site I'm building https://chiton-teal-a3tj.squarespace.com/early-learners and when you're on any page from the dropdown, everything in the folder is highlighted. I want to keep the underlines on the main menu items, but not the dropdown links. I tried the above code and it didn't work. Thank you so much!

I'm trying to do the same thing! Remove the active style from the folder... I just posted about it here: 

On 4/26/2024 at 9:55 PM, cassandraism said:

Hi! I'm trying to do (I think) the same thing for this site I'm building https://chiton-teal-a3tj.squarespace.com/early-learners and when you're on any page from the dropdown, everything in the folder is highlighted. I want to keep the underlines on the main menu items, but not the dropdown links. I tried the above code and it didn't work. Thank you so much!

Your site is private. I can't access it. You can follow this guide.

On 4/26/2024 at 10:44 PM, mgcreative said:

I'm trying to do the same thing! Remove the active style from the folder... I just posted about it here: 

 

I added an answer

On 4/28/2024 at 3:27 AM, tuanphan said:

Your site is private. I can't access it. You can follow this guide.

I added an answer

Sorry about that! Here's the new password: codetest

https://chiton-teal-a3tj.squarespace.com/

@cassandraism 

You can use this code to Website > Website Tools > Custom CSS

.header-nav-item.header-nav-item--folder.header-nav-item--active a {
    border-bottom: 4px solid #f6bc4b !important;
}
.header-nav-item.header-nav-item--folder .header-nav-folder-content a {
    border: none !important;
}

It will fix the hover underline issue. 

On 4/30/2024 at 4:00 PM, Sam0smith said:

@cassandraism 

You can use this code to Website > Website Tools > Custom CSS

.header-nav-item.header-nav-item--folder.header-nav-item--active a {
    border-bottom: 4px solid #f6bc4b !important;
}
.header-nav-item.header-nav-item--folder .header-nav-folder-content a {
    border: none !important;
}

It will fix the hover underline issue. 

It worked. Thanks so much!