Language Selector issue - Impulse Theme

[TBS2023]

Hello

I have a website in 2 languages and although having set up the Markets and enable the language selector - this doesn't appear in my header as would do

https://the-body-shop-nordic.myshopify.com/

ubahdo

[akshay_bhatt · Accepted solution]

hi @TBS2023 ,

1 Ensure Language Selector Visibility in Header

Based on the first image, the language selector option is checked in your theme settings. This should have made the selector visible. If it's still not appearing, there could be a few things to look into:

Check the Header Layout: Make sure that the language selector has enough space in your header. Sometimes, depending on the header layout or the number of elements in the header (e.g., logo, navigation, cart, etc.), the language selector might be hidden or pushed off the screen.

You can inspect the header using your browser’s developer tools (right-click > Inspect) to see if the language selector is present in the HTML but hidden with CSS.

2 Verify Markets Setup

In your Shopify Markets settings (second image), you’ve added Swedish and Danish, which looks correct. Double-check that both languages are activated for the relevant markets.

Go to Settings > Markets and make sure that both Swedish and Danish are fully enabled for the appropriate regions. If any of them are inactive or misconfigured, this might prevent the language selector from appearing.

3 Inspect CSS for Hidden Elements

Sometimes, the language selector might be present but hidden due to CSS styling or theme limitations. You can check for this in the browser's developer tools:

1. Right-click on your store’s header and choose Inspect.
2. Look for the .locale-selector or similar class.
3. Ensure that the CSS isn’t set to display: none or has a visibility or overflow issue.

If you find that it's hidden, you can override the CSS with:

.locale-selector {
    display: block !important;
    visibility: visible !important;
}

4 Theme Code Customization

If everything else is set up correctly but the selector still isn’t appearing, you may need to manually add it to the header:

1. Go to Online Store > Themes > Actions > Edit Code.
2. Open header.liquid (or theme.liquid depending on your theme’s structure).
3. Ensure that the language selector code is included:

{% if shop.locale_switcher_enabled %}
   <div class="locale-selector">
      {{ form | locale_form }}
   </div>
{% endif %}
​

If this code is missing or incorrectly placed, the selector won't show.

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

regards

Akshay Bhatt

[TBS2023]

Thank you! Could you please have a look at my code and let me know what is wrong - i cannot find the code you mentioned above but other similar codes. My collaborator code is 1352

[akshay_bhatt]

i have sent you request for access, Please confirm it.

[TBS2023]

access granted