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.

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;

Last updated