Modify language switcher (Weglot)

Hi guys, I am looking for a way to change the language switcher in the header or navigation. Our site is connected to Weglot and everything works fine so far. Unfortunately, I don't like the way the language switcher is displayed in the mobile view. It is too big and not in line with the other menu items. I have already managed to use code to display the language switcher outside the navigation, but it is still visible in the navigation. (see images) I would now like to either have the language switcher smaller and displayed in a row or only in the header. Can someone please help me?

6 hours ago, weekendberlin said:

Hi guys, I am looking for a way to change the language switcher in the header or navigation. Our site is connected to Weglot and everything works fine so far. Unfortunately, I don't like the way the language switcher is displayed in the mobile view. It is too big and not in line with the other menu items. I have already managed to use code to display the language switcher outside the navigation, but it is still visible in the navigation. (see images) I would now like to either have the language switcher smaller and displayed in a row or only in the header. Can someone please help me?

 

Can you share your URL so we can check it?

On 7/13/2024 at 6:50 PM, HoaLT said:

Can you share your URL so we can check it?

Hi, sure. 🙂

https://www.weekendevents.berlin/

Thank you in advance 

1 hour ago, tuanphan said:

You can use this code to Custom CSS box to remove it from burger menu

.header-menu-actions.language-picker.language-picker-mobile {
    display: none;
}

or if you want to align it with other menu items, use this CSS code

.header-menu-actions.language-picker.language-picker-mobile {
    margin-left: 9vw !important;
    padding-left: 3vw !important;
}

It worked. Thank you so much 🙂