Put a language selector at the top in mobile view - Concept Theme

Store Design
1

Hi all, I can’t put my language selector at the top in the mobile view, can anyone help please?

3 Likes
2

Hi @QT2025 ,
The language selector position in mobile usually depends on your theme settings or the header code.

Try this first:

  1. Go to Online Store → Themes → Customize .
  2. Open the Header section.
  3. Check if there’s an option to enable or move the language selector .
  4. Save the changes and preview on mobile.

If your theme doesn’t have that option , you’ll need to move it manually:

  1. Go to Online Store → Themes → Edit code .
  2. Open the header.liquid file.
  3. Find the language selector code (usually something like localization-form ).
  4. Move that block to the top of the mobile header section.
2 Likes
3

my theme doesnt have that option so I tried to edit the code but I think it is a bit different in my theme, it is located normally in the dropdown menu section in the mobile view

4

If the language selector is appearing inside the mobile dropdown menu , it means your theme places the localization code inside the mobile menu section instead of the header.

You’ll need to move that block to the top of the mobile header.

  1. Go to Online Store → Themes → Edit code .
  2. In the search bar, look for:
localization-form

or

localization
  1. Open the file where it appears. It is usually inside:
  • header-drawer.liquid
  • mobile-menu.liquid
  • or a similar mobile header file.
  1. You’ll find a block like this:
<localization-form>
  ...
</localization-form>
  1. Cut that entire block.
  2. Open the main header file, usually:
  • header.liquid
  • or header-group.liquid
  1. Paste the localization block near the top of the header, for example above the logo or inside the top header wrapper.
  2. Save and test on mobile.
5

Hi @QT2025

Can you please tell me which theme you are using and where you would like to place the language selector on mobile?

Best regards,
Devcoder :laptop: