Move language selector bar to the top right corner (Translate & Adapt)

Store Design
,

Topic summary

A user is trying to relocate the language selector from the footer to the top right corner of their Shopify store, which uses the Translate & Adapt app. They have limited CSS and JavaScript experience.

Suggested Solutions:

  • Move the language selector code (likely {% render 'localization-form' %}) from footer to header in theme files
  • Use CSS positioning to place it in the top right:
.language-selector {
    position: absolute;
    top: 10px;
    right: 20px;
}
  • Edit Liquid code to integrate the translator app properly

Current Status:
The user attempted to follow a guide for adding a language switcher to the Dawn theme header but couldn’t find the option. A respondent suggested the theme may need updating to support header placement for the language selector. The issue remains unresolved as the user continues troubleshooting.

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

Hello,

I am having a issue in finding out how to move the language bar at the bottom of my page to the top right corner? I used the (Translate & Adapt) app for the translations. The language selector is in the footer, but I want to have it in the top right corner.

Not really familiar with CSS and JS. Hoping someone can point me in the right direction

website link
https://store.lfc-japan.jp/

2

Hi,

Hope this will help

-Find and Move Language Selector to the Header (it might look like {% render ‘localization-form’ %} or similar))

  • Adjust Position with CSS
    CSS code example
.language-selector {
    position: absolute;
    top: 10px;  /* Moves it to the top */
    right: 20px; /* Moves it to the right */
}
3

Hi @NikoEbinuma ,

This may be from the theme. You need to edit the liquid code and connect the translator app.

Let me know if you need more help.

Regards,

4

Hi,

Thank you for response.
My apologies I am not familiar with liquid coding.

Is there a guide i can follow?

5

Hello @NikoEbinuma !

We have an article that explains how to enable language selector in the Header and Footer in the Dawn theme. Please read How to add language switcher to Shopify store.

Let me know if it worked for you.

6

Hi,

Thank you for the link.
I tried to follow the steps but I am afraid I do not see the option to add language selector on the header.

7

Thank you for your reply, @NikoEbinuma .

You might need to update your theme to have the language switcher in the Header.