Removing country/selector from mobile drawer menu

Hello. I’ve removed the country/region selector from the desktop page but it’s still lingering on the mobile menu: at the bottom of the drawer menu. Would anyone know how to hide it?

Much appreciated

www.modadecoration.com

1 Like

Hi @moda_decoration

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (max-width:989px){
.menu-drawer__localization.header-localization {
    display: none;
}
}
6 Likes

This worked, sir. Yet again you’ve helped me.

Thank you.

1 Like

I did it - for country/region selector is worked but unfortuately language selector is gone as well which I needed to leave.

1 Like

Yes, because this code is to remove all. Would you mind to share your store URL website, so i can take a look? Thanks!

I solved the problem by leaving language selector on Home page Footer.

That’s good to know. :+1:

did not worked for me :confused:

Can you please help–The currency dropdown is covering all other options in mobile version, even though I removed it based on your guidance. it is not disappearing for mobile version. my store link: Top Bark Savings: Top Deals on Pet Supplies and Accessories – Best Bark Bargains