How to move the language selector from footer to header Flex-nourish theme

[Adishtaim]

Hey all helpers,

I’ve been trying to move the language selector from footer to header, coping the code from footer-centered.liquid to header-centered.liquid under

.

Doesn’t work… I’m kinda lost with this.

Any assistants will help! Thanks!

url - https://shtaim.store/

[BSS-Commerce]

Hi @Adishtaim ,

Go to the Edit code section and search for the theme.liquid file then add the following js snippet:

<script>
      setTimeout(() => {
          let elementToInsertBefore = document.querySelector(".mobile-icons .header__link.action-area__link")
          let newElement = document.querySelector(".localization.footer-menu__disclosure.is-hidden-medium.is-hidden-mobile-only .selectors-form__item.selectors-form__locale .disclosure.disclosure--i18n.disclosure-text-style-uppercase");
          elementToInsertBefore.parentNode.insertBefore(newElement, elementToInsertBefore);
      }, 1000)
</script>

Result:


[Adishtaim]

Hey! Thank you so much for replying

The button is there but the function doesn’t work (desktop and mobile) , the language doesn’t change.

Any words of wisdom on how to fix this?

Thanks again, really appreciate your help.