Moving language switcher from footer to header - dawn theme on mobile

[AndreaCc]

Hi! I've been trying to add a language selector to my website. I enabled the language and country/region selector, but it's not showing on mobile, I can see it on the footer from desktop, but it's important to see it on mobile too.

Also, the language and country/region selector is not showing on the header's options, on the customize theme page. Meaning I can't even enable it.

If anyone know how to fix this, I would appreciate it.

Thanks in advance,

- Andrea

[AnneLuo]

Hi, @AndreaCc 

Can you please share the store URL so that I can assist you?

[AndreaCc]

Hi! thank you so much for your reply, I just saw that I should be able to see the language selector on the drawer, but it isn't showing there either

website: https://wepavape.myshopify.com/en-us

Password: 2024test

[AnneLuo]

I can try to help you figure out it. So I need to access your store as a collaborator if possible.

[dmwwebartisan]

@AndreaCc 

please help me to add this code to your layout/ theme.liquid file above the </head>

<script>
const pfInterval = setInterval(() => {
var headerSearch = document.querySelector('.header__search')
var form = document.querySelector('localization-form')
if(form) {
clearInterval(pfInterval)
var formClone =  form.cloneNode(true);
headerSearch.append(formClone)
}
},100)

 </script>

[AndreaCc]

Hi! thank you so much for your reply, I tried adding the code but nothing seems to happen, I now have a new problem, I can see the language selector on the footer while on desktop, but when I try to see it on mobile, it isn't there. It's not even showing on the drawer menu.