How to remove the underline from the header on mobile?

[CreatorTim]

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/

Thanks a lot.

Tim

[DaisyVo]

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.

Best,
Daisy - Avada Support Team.

[DaisyVo]

@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;
}
}

 

[ZestardTech · 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!