Jump to content
Go to solution Solved by Web_Solutions,

Recommended Posts

Posted

Hello.

Over the years, I added a lot of CSS to my website and tried to organise it as much as possible.

I can not figure out how to remove those ugly Nav underlines in all those codes.

Let's say I click on one of my nav links; this line will always appear, such as a marker to tell you on which page you are on the website.

However, I don't like it.

As I am using Spark Plug-in to create the burger, I thought maybe that could come from the plugin.

My website is: https://www.yodeschamps.com/

Thank you

Screenshot2024-02-24at11_24_21am.thumb.png.e12da83007236db8f4b50ad15ccb7b03.png

  • Solution
Posted
28 minutes ago, _yohandeschamps_ said:

Hello.

Over the years, I added a lot of CSS to my website and tried to organise it as much as possible.

I can not figure out how to remove those ugly Nav underlines in all those codes.

Let's say I click on one of my nav links; this line will always appear, such as a marker to tell you on which page you are on the website.

However, I don't like it.

As I am using Spark Plug-in to create the burger, I thought maybe that could come from the plugin.

My website is: https://www.yodeschamps.com/

Thank you

Screenshot2024-02-24at11_24_21am.thumb.png.e12da83007236db8f4b50ad15ccb7b03.png

Add these code on Custom CSS panel in Website Utilities Website Tools > Custom CSS.

:is([aria-current="page"], [aria-current="true"]) .header-menu-nav-item-content {
    background: none !important;
}

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

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.