How to add Flags with the countries in the switcher?

You can use the following HTML snippet to display country flags alongside country names in the switcher:

<span class='fi fi-[country-code]'></span>

Replace [country-code] with the appropriate two-letter ISO 3166-1 alpha-2 country code. For example:

  • For the United States, use 'us': <span class='fi fi-us'></span>

  • For Canada, use 'ca': <span class='fi fi-ca'></span>

This will render the respective country's flag in the switcher.

Last updated