Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
Hello @CreatorTim ,
Here are the steps to apply the necessary changes in your Shopify store:
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!
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.
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;
}
}
This is an accepted solution.
Hello @CreatorTim ,
Here are the steps to apply the necessary changes in your Shopify store:
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!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025