Jump to content

Menu Folder Pages Don't Display After Removing Text Underline

Recommended Posts

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

Screen Shot 2024-02-01 at 1.47.53 PM.png

Screen Shot 2024-02-01 at 1.48.08 PM.png

Link to comment
  • Replies 5
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...

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;
}

 

 

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...

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;}

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.