Make the Locale Switcher Responsive & Visible in your Nav

One of the challenges we found quickly in this build was that the locale switcher is somewhat useless if it's buried under the hamburger menu. No one would know it's there, and it's too wonky to access with multiple levels of dropdowns.

In that setup, your investment in localizing your site will largely go unnoticed by a huge percentage of your users, or they'll just find it frustrating to use.

We found a better way, which is to have it appear at all breakpoints, just left of the hamburger.

On Desktop it looks like this;

How to Build This

Here's how we approach this-

‍

‍