How to remove the location selector from the Mobile Menu?

Shopify Discussion

Topic summary

A user needs to remove the country/region selector from their mobile menu, as it remains visible on mobile despite being disabled in the header settings and not appearing on desktop.

Proposed Solutions:

  • PageFly-Oliver suggested adding custom CSS code to the theme.liquid file (specific code appears corrupted in the thread)
  • BSS-Commerce provided a working solution: Add .menu-drawer__localization { display: none !important; } to the base.css file, which successfully hides the selector

Follow-up Issue:

A later user (@officialkusp) requested a modification to show only the language selector while hiding the country/region selector on mobile. The current CSS solution hides both elements, and they’re seeking code that displays the language option selectively.

Status: The original issue appears resolved, but a new related request for partial visibility remains open.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

I need to remove the country/region selector from my shopify store, I have already disabled the option from the header and it is not visible on the website when I am opening it on laptop, however it is still showing on the menu in the mobile website version, How to fix this? Seems like this is a bug.

2

Hi [email removed]

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

1 Like
3

Hi @ethniccloset ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

4

The Ethnic Closet – The ethnic closet <>

5

Hey @ethniccloset ,

To do this, go to your admin page. Then select Online store → Select Edit code action. In the dev tools section, find the base.css file, and add the following code to the last part of the file:

.menu-drawer__localization {
display: none !important;
}

Result:

view - 2023-12-26T095014.472.png
view - 2023-12-26T095014.472.png394×849 24.4 KB

Hope it works @ethniccloset

1 Like
6

Hello, I know it’s been a while, but do you think you could modify the code so that only the language selector is displayed? without the code you wrote the bug shows language selector and country/region on mobile, but I would like to only show the language selector, and the code allows neither of them to show. Thank you.