How can I move the Language/Location selector from footer to header?

Hello! I want to move the Language/Location selector from my footer to my header and will have to move the code, but not sure how much of the code has to be moved and if it’s a problem that it says “footer” throughout the code.

How do I do this?

website: https://nevy.co.kr/

password: nevytesting123

Hi,

Hope you are having a great day.

You can move the language selector by going to the Themes section of your store and then clicking the Edit Code option of your theme and finding the header.liquid file.

Themes > Edit Code > header.liquid

Now paste the code given below, right above the closing header tag (which looks like this ) or anywhere else you want according to your design and layout.


Save the file and reload your site. You should have the language selector on your header.

Now you can turn off the language selector in footer from the customize settings.

Hope it helps.

**Note**: this code snippet is latest as of writting this post (13-FEB-2023) in DAWN theme. 

Thank you! Is it possible to move the country region selector instead? Also, after inserting the code the language selector is in the header, but a little awkwardly positioned. Is it possible move the region selector to the left of the search marker?

Hi again,

You can use this code for the country selector.


As for the positioning, you can add this code right before the tag.

Kindly mark the solution approved if it helps.

Regards,

Thank you! That made it better but if you visit my website now, it still looks a bit strange.

Does no one have a solution to this?

Hello, I have the same problem. Once I add the code, the selector looks weird on PC and even worse on mobile. On mobile it makes my logo smaller and selector is huge in compare to that. How to fix it? Thank you in advance!