Menu Folder Pages Don't Display After Removing Text Underline

Hello! I've been trying to remove the underline from the header menu. It used to be "text-decoration" but it looks like it's now "background-image". However, when I remove the background image, the text for the dropdown folder menu is no longer visible ONLY when those pages are active. The first screenshot shows the menu how I want, and the second screenshot shows the menu folder as it appears once I click on a dropdown. Any help would be appreciated!! 

https://meadeagency.squarespace.com

password: meade

To remove underline on Folder Items, you can use this CSS instead

span.header-nav-folder-item-content {
    background-image: unset !important;
}

Thanks so much! This got me close! But I want to remove the underlines from the main menu, too. This worked for the folders, but when I target the main menu with similar code (below), the folder menu items disappear. 

.header-nav-item a  {
    background-image: unset !important;
}

On 2/16/2024 at 4:35 AM, palacino said:

Thanks so much! This got me close! But I want to remove the underlines from the main menu, too. This worked for the folders, but when I target the main menu with similar code (below), the folder menu items disappear. 

.header-nav-item a  {
    background-image: unset !important;
}

 

 

Change your code to this

.header-nav-item>a  {
    background-image: unset !important;
}

I added > symbol

I have a similar problem. I'm trying to remove the underlines from the Announcement Bar links: https://studio411salon.com/. The underlines don't show up when I'm editing, but they do on the site. I've tried the following and nothing works.

.sqs-announcement-bar-text a {
  background-image: unset !important;
  text-decoration: none! important;
  border-bottom: none! important;
  background-image:none! important;}

On 3/22/2024 at 12:41 AM, nwhittlesey said:

I have a similar problem. I'm trying to remove the underlines from the Announcement Bar links: https://studio411salon.com/. The underlines don't show up when I'm editing, but they do on the site. I've tried the following and nothing works.

.sqs-announcement-bar-text a {
  background-image: unset !important;
  text-decoration: none! important;
  border-bottom: none! important;
  background-image:none! important;}

Use this CSS code to bottom of CSS box

div.sqs-announcement-bar .sqs-announcement-bar-text a {
    text-decoration: none !important;
}