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

[NikoEbinuma]

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/

[Small_Task_Help]

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 */
}

[Dotsquares]

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,

[NikoEbinuma]

Hi, 

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

Is there a guide i can follow?

[Cristina_92]

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.

[NikoEbinuma]

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.

[Cristina_92]

Thank you for your reply, @NikoEbinuma .

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