Hide underline below nav link

[UTOPIA-PARIS]

Hey ! i have tried to hide underline to link with this sentence : "text-decoration: none;" to nav li a but nothing's change : 

The url of website is: utopia-paris.fr 

thanks !! 

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @UTOPIA-PARIS 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.header__menu-item:hover span {
    text-decoration: none !important;
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSSCommerce-B2B · Accepted solution]

@UTOPIA-PARIS ,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.header__menu-item:hover span {
  text-decortaion: none!important;
}
</style>

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @UTOPIA-PARIS 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.header__menu-item:hover span {
    text-decoration: none !important;
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSSCommerce-B2B · Accepted solution]

@UTOPIA-PARIS ,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.header__menu-item:hover span {
  text-decortaion: none!important;
}
</style>

[UTOPIA-PARIS]

Hey ! this work but when the link is active this is still showed: 

i have tried with :focus, :active, : visited but none of this worked

thanks !

[UTOPIA-PARIS · Accepted solution]

it's okay i have fixed it, it was on base.css 

thanks for u help

[Sangeetanahar]

hello @UTOPIA-PARIS 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----> base.css

add the code end of the file

a#HeaderMenu-nouveautes:hover {
    text-decoration: none;
}

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks

[UTOPIA-PARIS]

Hey ! 

this don't work : 

sorry u can't get a pizza 😕