Add Localized Locale Names to the Locale Switcher

Similarly we wanted friendlier-looking locale names, for those who are visiting and viewing the site under a different locale.

Webflow currently doesn't appear to support this; the Locale Name you bind to is always the full English ISO name of the locale, and that can be long, like "English (United Kingdom)".

I may have missed a core feature there, however it looks strange to have an entire page in Chinese characters and then then at the top, the English word "Chinese". It's out of place, and a bit awkward looking.

Here's how we can add localized locale names using custom CSS.

Localized Locale Names

Here are some of the CSS additions;

Note: I haven't found an effective way to hide the English locale name with the localized version, but showing them both, adjacently has a compelling effect.

‍