How to move the language selector to header Dawn Theme Version 7.0.1

[RomanSt]

Hello,

i would like to move the switcher from the the footer to the top by the search bar ?

Thanks a lot!

[BSS-Commerce]

Hi @RomanSt ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[RomanSt]

Hello,

Yes, sure. Here: www.stern-company.com

[BSS-Commerce]

Hi @RomanSt ,

Follow the steps below to add a language selector to the Dawn Theme header.

Online store => Themes => Edit code => Find the theme.liquid file => Add the following code before the tag:

<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>

=> Save

Similar to the following image:

Good luck @RomanSt !

[RomanSt]

Maybe there is another solution? So that the language selector is directly between “about us” and the search bar.

And in the footer this needs to be removed.

Thank you so much.

PS: for now I returned to the original form