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:
Navigating to Online Store → Themes → Edit Code
Opening the theme.liquid file from the Layout folder
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.
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?