How to remove the search bar from the currency selector on MOBILE

[CreatorTim]

Hi, how can I remove the search bar from the currency selector on mobile?

I want to remove it from both the header and the footer.

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

!I ONLY NEED THIS ON MOBILE; I’VE ALREADY REMOVED IT ON DESKTOP!

Thanks,
Tim

[DaisyVo · 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){
.disclosure__list-wrapper.country-selector > .country-filter {
    display: none !important;
}
}

Here is the result: 

I hope this helps

Best,

Daisy

[CreatorTim]

Thank you!