Hide countries

Tutorial

Considering these factors, if you still wish to hide a country, you can do so by adding the following CSS:

.md-form__select__country__list li[data-country="XX"] {
    display: none !important;
}

Here, "XX" refers to the ISO two-letter country code. You can find a global list of country ISO two-letter codes at countrycode.org.

Example: Suppose you want to hide Germany, the United Kingdom, and Japan. You can achieve this with the following CSS:

.md-form__select__country__list li[data-country="DE"],
.md-form__select__country__list li[data-country="GB"],
.md-form__select__country__list li[data-country="JP"] {
    display: none !important;
}

This CSS will hide the specified countries from the Orbe selector. Remember to replace "DE," "GB," and "JP" with the appropriate country codes for the countries you want to hide.

Following these steps, you can customize the country selector in Orbe to suit your specific needs. However, we recommend careful consideration before hiding countries to ensure your customers' best possible user experience.

Last updated

Was this helpful?