Country/region selector still show on phone although I already untick.

Topic summary

A user reported that the country/region selector remains visible on mobile devices despite being disabled in the header settings. The selector was successfully hidden on desktop but continued appearing on mobile.

Solutions Provided:

Two community members offered CSS-based fixes:

  • Option 1: Add custom CSS code before the </head> tag in the theme.liquid file
  • Option 2: Add custom CSS code before the </body> tag in the theme.liquid file

Both solutions involve:

  1. Navigating to Online Store → Themes → Edit Code
  2. Opening the theme.liquid file from the Layout folder
  3. Inserting CSS code to hide the selector element

Resolution:

The issue was resolved using the first solution. The user confirmed it worked successfully.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.

Hi all,

I already untick the header “Country/region selector”, and it never show in my pc edi (which is good), but not sure why when I use my phone to view my website, the country/region selector still there, is there anyway to hide it?

Here is my website link:

https://18s8pg-0g.myshopify.com/

Thank you.

1 Like

Hey! @empressculture ,

Go to your Shopify Admin Panel.

Navigate to Online Store → Themes.

Click on Edit Code (not Customize).

Open the theme.liquid file (found inside the Layout folder).

Scroll down and paste the code just before the tag:


1 Like

Hey @empressculture

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

@CodingFifty work edi, thx.