How can I relocate the Weglot language switcher to the header?

[minh007]

I want to move the Weglot language switcher from the bottom to the header and also on the mobile version. Can someone help me one this. Thank you!

My store: https://hcookware.com/ ; pass: tiezay

[oscprofessional]

@minh007 ,

It is already in header.

[minh007]

Its the currency switch not the language switch of Weglot, the Language is on the right bottom. You can see it on mobile and desktop. I dont know how to move it to the left of the currency switch. Can you help me this? Thank you!

[oscprofessional]

@minh007 ,

aside.weglot_switcher.wg-drop.country-selector.closed {
    top: 0;
    right: 0;
    bottom: auto;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->style.scss.liquid

[minh007]

I applied your code, Its on the header but whenever I clicked on it then It jump to the bottom of the page

[oscprofessional]

@minh007 ,

Update the code with this code,

.wg-default, .wg-default .country-selector {
top: 0;
bottom: inherit;
}

[minh007]

It still have error.

[oscprofessional]

@minh007 ,

.wg-default, .wg-default .country-selector {
top: 0;
bottom: inherit !important;
}

[minh007]

Thank you! Its worked!