How can I move the language selector to the header in Dawn theme?

Hi,

My team and I were looking for the option to move or replicate the language selector from the footer to the menu in the header. We were looking for moving it next to the search icon as shown in the picture.

We are using the dawn theme.

Our website is:

mellimello.com

I have searched other community questions that are almost the same, but none seem to work for us.

I’m not looking for downloading another application.

Would love to hear from someone who can help me!

This is PageFly - Free Landing Page Builder.

Regarding your concern about to display the language switcher to select multiple languages.

You can enable that on your theme first. In theme > more action > language

After that if that not display like what you want i think you should use an 3rd apps to display that.

Hope this can help you solve the issue

Best regards,

PageFly

We already have a language selector. But it’s in the footer of our website. We also want it in our header menu. So I don’t know if this is the right solution or how it’s going to work.

hi @melli-mello can you take screenshot of where you want to add it? I will duplicate that selector and insert that for you

We want it to go next to the search icon at our webpage.

Now it’s here, but idealy we want to duplicate this so we can also use it as shown in the picture before this one.

please help me to add this code to your theme.liquid file above the


Thank you so much, this is exactly what we wanted!

Is it also possible to make it drop down instead of going up?

hi @melli-mello please try and add this code to your theme css file

.disclosure__list-wrapper {
bottom: unset !important;
}

Hello,

Where should we had this code section ? I don’t know where to find the « theme css file »

Hi @VPDDLG ,

You can find it by:
Step 1 : Online Stores > More action > edit code > find on this

PageFlyVictor_0-1670474459880.png

And find for base.css or

Step 2: And paste the code I gave you at the bottom of the file

Let me know if it works!

Best regards,

Victor | PageFly

Hei, I have been following this thread and managed to move the language selector in the header also. But is there a way to customize it to look something like: ENG/FIN instead of drop down menu?

https://z918gj8kj5mul7nu-60720152771.shopifypreview.com

oh and remove the text language

Hello, the code is working fine but for some reason the languages drop up instead of down.

I tried your other code but it is not working and shows a weird message on top of the page.

Your help would be appreciated

Hi ! this is not working for us unfortunately :disappointed_face: Can you please help ?

Hi! When I add this code all I get is the Country selector. I am trying to add the language selector to the header, can anyone help please.

Hi @PageFly-Victor !

Many thanks for helping to duplicate language selector from footer to header!

Hi,
Could You help me with placing the selector before “search” icon?
When I apply your code the selector is after that icon and it looks strange.
I’ ve marked a place, that I want selector to be put.
Help me please :wink:

Best regards

I copied and pasted as advised. But I couldnt. Why is that?

I copied and pasted as advised. But I couldnt. I only saw the currency switcher being added on the top, but I cannot change language. Pls see the screenshot. Thank you!


Why is that?

Hi, I followed your forum and somehow managed to change my language selector from footer to this current location on the header (please see red circle?. However I would prefer that the language selector is located next to the shopping cart on above right of my homepage (please see red arrow). can you please tell me what i should do? I’m using the Studio free theme. Appreciate your help on this. Thank you!