Hide the popup in a country

Orbe allows you to hide the modal in specific countries using custom CSS classes based on the customer's location.

Warning: This approach is not recommended.

Orbe's purpose is to always guide users to the correct store version, as Shopify storefronts are designed per country not market. Even if prices or currencies appear the same, other configurations—such as shipping, customs, taxes, or content—can vary by country.

Use this method only if you fully understand the potential negative impact on user navigation.

To hide the modal in specific countries, you can use CSS variables. Orbe adds a custom class to the theme's body element, which can be used to apply customizations across the entire theme.

The CSS class is named orbe-country-code--COUNTRYCODE, where COUNTRYCODE is the two-letter ISO code of the country where the customer is located. We will also add the class md-app-embed to ensure proper functionality.

For example, if we want to hide the Orbe modal in the French, we would need to add the following CSS code.

.orbe-country-code--FR .md-app-embed {
	display: none !important;
}