Re: How to remove the underline from the header on mobile?

Solved

How to remove the underline from the header on mobile?

CreatorTim
Explorer
408 1 55

Hi guys, how can I remove the underline when I click on the currency selector in the header on MOBILE?

 

Here is my store URL: https://1049xn-ya.myshopify.com/

 

CreatorTim_0-1736281590109.png

 

 

Thanks a lot.

Tim

Accepted Solution (1)

ZestardTech
Shopify Partner
6056 1082 1452

This is an accepted solution.

Hello @CreatorTim ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:

 

button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large:hover {
    text-decoration: none !important;
}

 

Let me know if you need further assistance!

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

View solution in original post

Replies 3 (3)

DaisyVo
Shopify Partner
3437 393 475

Hi @CreatorTim 
I hope this answer will be helpful to you.

Please follow the following instructions:
1. Go to Shopify > Theme > Customize: https://prnt.sc/Lc3MCyXpW8zw
2. Copy and paste this code on Theme settings > Custom CSS section: https://prnt.sc/pmYP1ElPwdh7

.header-localization .disclosure .localization-form__select:hover {
    text-decoration: unset !important;
}


Here is the result.

DaisyVo_0-1736299813592.png

 


Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
DaisyVo
Shopify Partner
3437 393 475

@CreatorTim  

 

Sorry, please try this code instead:

@media screen and (max-width: 768px){
h2#HeaderCountryMobileLabel + .disclosure button.disclosure__button.localization-form__select.localization-selector span {
    text-decoration: none !important;
}
}

 

image (46).png

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

ZestardTech
Shopify Partner
6056 1082 1452

This is an accepted solution.

Hello @CreatorTim ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:

 

button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large:hover {
    text-decoration: none !important;
}

 

Let me know if you need further assistance!

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