Moving the Weglot element to the top of the menu on a mobile device

Site URL: https://www.lapetitefermedalpagas.com/

I'm using the translation service Weglot.  When on some mobile devices, the option to translate cannot be seen on the menu without scrolling down which I fear would send my french customers away.  Is there a way to have this element moved to the top of the menu?

On 5/13/2022 at 6:25 PM, SophieAlpaca said:

Site URL: https://www.lapetitefermedalpagas.com/

I'm using the translation service Weglot.  When on some mobile devices, the option to translate cannot be seen on the menu without scrolling down which I fear would send my french customers away.  Is there a way to have this element moved to the top of the menu?

Try adding to Design > Custom CSS
 

/* WeGlot Mobile */
@media screen and (max-width:767px) {
div#multilingual-language-picker-desktop {
    display: flex;
    position: fixed;
    top: 5px;
}}

On 5/15/2022 at 5:51 AM, tuanphan said:

Try adding to Design > Custom CSS
 

/* WeGlot Mobile */
@media screen and (max-width:767px) {
div#multilingual-language-picker-desktop {
    display: flex;
    position: fixed;
    top: 5px;
}}

 

Hello, thank you.  This is so nearly it.  You can see it but the selection isn't operating.  Any suggestions?

Thanks

Sophie

On 5/16/2022 at 7:59 PM, SophieAlpaca said:

Hello, thank you.  This is so nearly it.  You can see it but the selection isn't operating.  Any suggestions?

Thanks

Sophie

Ah, you can remove the code. I see it has a code hided Weglot on mobile. Can you check to see if there is an option in Weglot to enable this?

On 5/16/2022 at 8:59 AM, SophieAlpaca said:

I am also trying to move the Weglot Translation Option to the top of my mobile navigation... I tried pasting this code but it hasn't worked. Any other suggestion?

On 12/1/2022 at 2:32 AM, Studiobyshera said:

I am also trying to move the Weglot Translation Option to the top of my mobile navigation... I tried pasting this code but it hasn't worked. Any other suggestion?

What is your site url? We can check easier

Is there a way to get the translation element to replace the shopping cart element as the only one that shows up on mobile before clicking the menu? I would like the translation element to be as visible as possible.

kmblrealestate.com

On 3/8/2023 at 9:22 PM, blouk said:

Is there a way to get the translation element to replace the shopping cart element as the only one that shows up on mobile before clicking the menu? I would like the translation element to be as visible as possible.

kmblrealestate.com

Add to Design > Custom CSS

/* show language on mobile */
@media screen and (max-width:767px) {
.header-actions.header-actions--right, .header-actions.header-actions--right>div:first-child {
    display: flex !important;
}
}