Remove underline on navigation and drop down

When I'm on a page, the menu item and item in the dropdown that links to that page is underlined. Is it possible to remove that? I attached a screenshot.

On 12/25/2022 at 4:55 AM, MelPal said:

When I'm on a page, the menu item and item in the dropdown that links to that page is underlined. Is it possible to remove that? I attached a screenshot.

 

 

 

Can you share your URL site so I can take a look? some custom Css code can work around it

1 hour ago, Beyondspace said:

Can you share your URL site so I can take a look? some custom Css code can work around it

It's not live but you can view it at this link: https://chrysalis-turbot-dpp8.squarespace.com/ with the password uptecwa9119 

Add these code on Custom CSS Section

.header-nav-folder-item--active .header-nav-folder-item-content {
  background: none !important;
}

2 hours ago, Web_Solutions said:

Add these code on Custom CSS Section

.header-nav-folder-item--active .header-nav-folder-item-content {
  background: none !important;
}

 

Thank you. This removed the underline from the folder item, but not from the folder itself. Any thoughts?

4 hours ago, MelPal said:

Thank you. This removed the underline from the folder item, but not from the folder itself. Any thoughts?

I check that it is fine now. Do you still need help?

Add this code

.header-nav-folder-item--active .header-nav-folder-item-content, .header-nav-folder-item--active .header-nav-folder-title {
  background: none !important;
}

Thank you. I added this code as well but it's still not working. The first image here shows how on the homepage there is no underlining and the item I am hovering over becomes bold and turns blue, but then in the second image you can see that when I'm on the history page itself, the "About" folder is still underlined and the menu item becomes bold but does not turn blue.

.header-nav-folder-item a:hover 
{
    font-weight: bold;
    color: #00A3D8 !important;
  
}

I added "!important" to the color in the hover code, and that made it so the color changes now. But I'm still dealing with the underlining of the active folder. 

Thank you @tuanphan! The navigation menu is perfect now.

I have gone through the whole thread and tried the code, but none seem to be working. See the image below. 

Could I get some help 🙂 

On 3/30/2023 at 11:45 PM, SH9861 said:

I have gone through the whole thread and tried the code, but none seem to be working. See the image below. 

Could I get some help 🙂 

What is your site url?

Why not trying this?

.header-nav-folder-item {  

On 9/14/2024 at 9:26 PM, NeverEnough said:

Why not trying this?

.header-nav-folder-item {  

    text-decoration: none;  

}  

Because dropdown link use background-image to create underline, not text-decoration