The language selector needs to be altered

Technical Q&A
,

Topic summary

A user running an outdated version (4.0.1) of the Craft theme wanted to reduce or relocate a large grey language selector bar positioned below their logo.

Initial Solutions Proposed:

  • Manual code modification: moving the language selector block in the header file to position it near the cart icon
  • Custom CSS styling to adjust appearance

Resolution:
The issue stemmed from using a significantly outdated theme version. The current version (15.4.0) includes a native, better-integrated language selector in the header. After updating the theme, the language selector automatically repositioned itself and the overall site appearance improved.

Key Takeaway:
Updating themes creates a new preview version without affecting the live site, allowing safe testing of improvements and native feature implementations.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
1

My current theme is Craft, and I would love to just keep that.
But I don´t like the massive grey bar just under my logo.
It´s a Language selector, but it takes up so much room.

I wonder if anyone can help me with making this bar smaller og just moving the language selector to the top right corner, next to cart.

My website is https://gravorgathe.no

If this is not possible for a free theme, then I would appreciate advice on a nice payed theme that offer a better language selector.

2

Hi,

Hope this will help

Move Language Selector to Top Right (Next to Cart)

  • Find Header File and Look for the code
{% if localization.available_languages.size > 1 %}
   <div class="localization-form">
      {{ form | form_tag }}
      ...
   </div>
{% endif %}

  • Move It Near the Cart (Cut entire language selector block ({% if localization.available_languages… %}) and paste it just before or after cart code.)

  • Use CSS for Style

3

This looks like a theme modification added later because the theme had no language selector in header in that version – yours is 4.0.1, while the latest is 15.4.0.

You may consider updating to the latest version of the theme, it has language selector implemented natively.
This is how it looks in the current version:

Screenshot 2025-07-31 at 11.16.14 PM
Screenshot 2025-07-31 at 11.16.14 PM604×144 4.83 KB

Updating may bring other benefits.

Also, update would not touch your live theme – it will create a new theme in your store which you can preview.

https://help.shopify.com/en/manual/online-store/themes/managing-themes/updating-themes

4

Thank you so much for your advice. I updated the theme, and the website look so much better! The language selector moved on it´s own.

1 Like