Jump to content

New menu underline is appeared.

Recommended Posts

Site URL: https://seonto.kr

Hi. I want to remove the dropdown menu underline when it's active.

and all the mobile menu underline too.

It's not exist 1 month ago, but it's suddenly turn up.

How can I remove it? I need a help.

I want to maintain header menu navigation underline when it's active on the website like before.

스크린샷 2022-06-06 오전 11.59.31.png

스크린샷 2022-06-06 오전 11.59.45.png

스크린샷 2022-06-06 오후 12.15.31.png

Link to comment
On 6/5/2022 at 8:17 PM, seonto said:

It's not exist 1 month ago, but it's suddenly turn up.

SS is making changes all the time so this could be something new. The underline appears to be indicating that, that link is the active page.

On 6/5/2022 at 8:17 PM, seonto said:

I want to maintain header menu navigation underline when it's active on the website like before.

Add the following to Design > Custom CSS.

body:not( .header--menu-open ) .header-nav-folder-item--active .header-nav-folder-item-content, /* desktop */
:is( [aria-current="page"], /* mobile */
[aria-current="true"] ) .header-menu-nav-item-content

  {
  
    background-image : unset;
    
    }

Let us know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
8 hours ago, creedon said:

SS is making changes all the time so this could be something new. The underline appears to be indicating that, that link is the active page.

Add the following to Design > Custom CSS.

body:not( .header--menu-open ) .header-nav-folder-item--active .header-nav-folder-item-content, /* desktop */
:is( [aria-current="page"], [aria-current="true"] ) .header-menu-nav-item-content /* mobile */

  {
  
    background-image : unset;
    
    }

Let us know how it goes.


It works!! Thank you so much!
You save my website XD
 

Link to comment

 

14 hours ago, creedon said:

SS is making changes all the time so this could be something new. The underline appears to be indicating that, that link is the active page.

Add the following to Design > Custom CSS.

body:not( .header--menu-open ) .header-nav-folder-item--active .header-nav-folder-item-content, /* desktop */
:is( [aria-current="page"], /* mobile */
[aria-current="true"] ) .header-menu-nav-item-content

  {
  
    background-image : unset;
    
    }

Let us know how it goes.

Thank you, it works !!

I don't really understand this code, but it works !! :))

Before, on my website, (https://www.maximedidelot.com/), i just used this code :

a {
  text-decoration: none !important;
}

But now i think it's useless.

Do you know how i can remove all the underlines in the menu ? (not only for the folder).

Thank you so much anyway

 

Link to comment
On 6/8/2022 at 3:21 AM, Maximax said:

Do you know how i can remove all the underlines in the menu ?

I don't know if this will remove them all but it's a start.

Add the following to Design > Custom CSS.

body:not( .header--menu-open ) .header-nav-item--active > a {

  background-image : unset;
  
  }

This is for v7.1.

Let us know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
On 6/8/2022 at 6:19 PM, creedon said:

I don't know it this will remove them all but it's a start.

Add the following to Design > Custom CSS.

body:not( .header--menu-open ) .header-nav-item--active > a {

  background-image : unset;
  
  }

This is for v7.1.

Let us know how it goes.

 

Thanks ! It perfectly works !!!

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.