How do i remove the country selector from my online site

1 Like

Hi @Wildwestsisters can you share store url?

shopify.com/store/nszuyj-4r/themes

Hey @Wildwestsisters ,

Option-1.

Disable Shopify Markets Country Selector:

  1. Go to Shopify Admin → Navigate to Settings → Markets.

  2. Click on the market (e.g., “International” or your primary market).

  3. Under “Domains and Languages”, check if country/language selectors are enabled.

  4. Disable or remove the country selector if available.

Option-2.

Hide with Custom CSS:

If the selector still appears, you can hide it using CSS:

  1. Online Store

  2. Themes

  3. Customize

  4. Go to Theme Settings → Custom CSS.

Add the following CSS:

.disclosure__button { 
    display: none !important; 
}

Then, save and refresh your store.

Let me know if it’s still there!

If I was able to help you, please don’t forget to Like and mark it as the Solution!

Best Regard,
Rajat

Its still there - should i go and delete the CSS setting if it didn’t work

Yes, if the CSS didn’t work, you can remove it to keep your code clean. However, let’s try another approach before giving up on CSS:

Try a More Specific CSS Selector:

  1. Go to Shopify Admin → Online Store → Themes → Customize.

  2. Open Theme Settings → Custom CSS.

  3. Replace the previous CSS with this:

.shopify-section [data-disclosure-locale] { 
    display: none !important; 
}

Alternative: Edit Theme Code

If the CSS still doesn’t work, you may need to remove the selector manually in the theme code:

  1. Go to Online Store → Themes → Actions → Edit Code.

  2. Search for footer.liquid or theme.liquid and look for code related to disclosure__button, data-disclosure-locale, or geolocation.

  3. Comment out or remove that part of the code.

Let me know how it goes!

This country will appear when you are logged in to the Shopify admin only because your store has multiple markets.

Hi @Wildwestsisters I cannot access the store using your current URL. Please double check on this.