FROM CACHE - en_header

Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!

Remove Link Underline - (Refresh Theme)

mmmtrading
Tourist
28 0 1

Hi,

 

I am looking to remove the underline on the links on my store whenever you hover over them or click them. 

 

This includes the menu links and also the collapsible content links.

 

My store for reference:

www.mmmtrading.co.uk

 

Replies 7 (7)
oscprofessional
Shopify Partner
13853 2108 2715

@mmmtrading 
Hello,

.header__menu-item:hover span {
	text-decoration: none;
}
.collapsible-content summary:hover .accordion__title {
	text-decoration: none;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
Rajvi__patel
Shopify Partner
49 2 12

You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code according your requirement

 

span.header__active-menu-item {
    text-decoration: none;
}

a{text-decoration: none !important;}

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

 

 

If helpful then please Like and Accept Solution.
suyash1
Shopify Partner
7177 875 1190

@mmmtrading - add this css to the end of your base.css file and check 

 

a, a:hover, a:active, a:focus{text-decoration:none !important;}

.header__menu-item:hover span {text-decoration: none !important;}

 

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly
ZestardTech
Shopify Expert
3932 664 915

Hello there,

 

1. In your Shopify Admin go to online store > themes > actions > edit code

2. Find Asset >base.css and paste this at the bottom of the file:

.header__menu-item:hover span {
    text-decoration: none;
}
.collapsible-content summary:hover .accordion__title {
	text-decoration: none;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
PageFly-Victor
Shopify Partner
5678 1008 2352

Hi @mmmtrading 

This is Victor from PageFly - Landing Page Builder App.

 

You can try this code by following these steps: 

  • Go to Online Store->Theme->Edit code
  • Asset->base.css 
  • Paste the below code at the bottom of the file

.header__menu-item:hover span{

text-decoration:none !important

}

Hope my solution works perfectly for you!

Regards,

Victor | PageFly

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.


Shopify Invoice Generator by PageFly – Try It Free!.

mmmtrading
Tourist
28 0 1

It appears to remove the hover underline however when clicked it still shows the underline. Furthermore, there are also underlines on the account page that i would like to remove.

 

Any further help would be much appreciated.

PageFly-Victor
Shopify Partner
5678 1008 2352

Hi @mmmtrading,

 

You can replace old code with new code:

.header__menu-item span{

text-decoration:none !important

}

Hope my solution works perfectly for you!

 

Regards,

Victor | PageFly

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.


Shopify Invoice Generator by PageFly – Try It Free!.