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
Topic summary
Country/region selector still showed in the mobile drawer after being removed on desktop; users looked for a CSS-only solution in Shopify.
-
Proposed fix: Edit theme CSS (base.css/style.css/theme.css) and add a media query to hide the mobile localization block:
@media (max-width: 989px) { .menu-drawer__localization.header-localization { display: none; } }
A screenshot was shared showing the selector hidden on mobile. -
Outcome: Original poster confirmed the code worked.
-
Caveat: The selector includes both country/region and language; the code hides both. One user needed language to remain and resolved by keeping the language selector only in the homepage footer (no selective CSS provided).
-
Additional reports: One user said the snippet didn’t work; another reported the currency dropdown still overlays other mobile menu options and doesn’t disappear despite attempting the fix (store URL shared). No follow-up solution yet.
-
Notes: This uses a CSS media query (rules applied under a given screen width) and targets the localization element. Effectiveness may vary by theme structure.
-
Status: Partially resolved; core approach works for some, but selective hiding and overlay issues remain open.
1 Like
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;
}
}
- And Save.
- Result:
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. 
did not worked for me 
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