How to remove the border and heading from the currency selector on MOBILE

Solved

How to remove the border and heading from the currency selector on MOBILE

CreatorTim
Navigator
471 1 71

Hi, how can I remove the border and the "Country/region" heading from the currency selector on mobile?

CreatorTim_0-1736101903668.png

 

Thanks,
Tim

Accepted Solution (1)

DaisyVo
Shopify Partner
4460 499 595

This is an accepted solution.

Hi @CreatorTim 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

 

@media screen and (max-width: 768px){
h2#FooterCountryLabel {
    display: none !important;
}
.disclosure > button.disclosure__button::after {
    box-shadow: none !important;
}
}

 

 

Here is the result: image_360.png

 

I hope this helps 

 

Best,

 

Daisy

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

View solution in original post

Replies 2 (2)

DaisyVo
Shopify Partner
4460 499 595

This is an accepted solution.

Hi @CreatorTim 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

 

@media screen and (max-width: 768px){
h2#FooterCountryLabel {
    display: none !important;
}
.disclosure > button.disclosure__button::after {
    box-shadow: none !important;
}
}

 

 

Here is the result: image_360.png

 

I hope this helps 

 

Best,

 

Daisy

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
CreatorTim
Navigator
471 1 71

Got it, thank you so much!