Re: Hide underline below nav link

Solved

Hide underline below nav link

UTOPIA-PARIS
Excursionist
31 1 6

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

 

Capture d’écran 2024-09-14 à 17.03.45.png

 

The url of website is: utopia-paris.fr 

 

 

thanks !! 

Accepted Solutions (3)

BSS-TekLabs
Shopify Partner
2350 688 806

This is an 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.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

BSSCommerce-B2B
Shopify Partner
1954 562 561

This is an 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>

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

UTOPIA-PARIS
Excursionist
31 1 6

This is an accepted solution.

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

 

Capture d’écran 2024-09-14 à 23.53.56.png

 

thanks for u help

View solution in original post

Replies 6 (6)

BSS-TekLabs
Shopify Partner
2350 688 806

This is an 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.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

BSSCommerce-B2B
Shopify Partner
1954 562 561

This is an 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>

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

UTOPIA-PARIS
Excursionist
31 1 6

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

 

Capture d’écran 2024-09-14 à 23.43.17.png

 

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

 

thanks !

 

UTOPIA-PARIS
Excursionist
31 1 6

This is an accepted solution.

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

 

Capture d’écran 2024-09-14 à 23.53.56.png

 

thanks for u help

Sangeetanahar
Trailblazer
554 36 66

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me [email protected] - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here
UTOPIA-PARIS
Excursionist
31 1 6

Hey ! 

 

 

this don't work : 

 

Capture d’écran 2024-09-14 à 23.47.08.png

 

sorry u can't get a pizza 😕