How to remove the underline from the header on mobile?

Store Design
, , , , , , , ,
1

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
CreatorTim_0-1736281590109.png362×845 11.7 KB

Thanks a lot.

Tim

2

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
DaisyVo_0-1736299813592.png428×769 6.7 KB

Best,
Daisy - Avada Support Team.

3

@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
image (46).png346×506 3.19 KB

4

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!