Change weglot size in mobile menu

Hello, 

I changed the size of my mobile menu font with css but it doesn't apply to Weglot language switcher (see image attached)

Any idea how I can fix this ?

Here is the CSS I used : 

.header-menu-nav-item a {
    font-size: 15px;

 

Hi. What is your site url? We can check easier

I've got the same question. https://l100.org/

On 1/28/2023 at 11:23 AM, Deanogrigio said:

I've got the same question. https://l100.org/

Use this CSS code

/* WeGlot Mobile */
.header-menu-actions.language-picker.language-picker-mobile * {
    font-size: 15px !important;
}

Also, I see the menu mobile has this problem

2 hours ago, tuanphan said:

Use this CSS code

/* WeGlot Mobile */
.header-menu-actions.language-picker.language-picker-mobile * {
    font-size: 15px !important;
}

Also, I see the menu mobile has this problem

Hi, Weglot Support here, we're glad to help you out.
Indeed, the language switcher on mobile version seems to be built in two different section.

You'd be able to apply the 15px font size to both section thanks to the custom CSS code below

@media screen and (max-width: 800px) {
	.language-picker-content span,
	span.current-language-name {
		font-size: 15px!important;
	}
}

You'll be able to add this code directly into your Weglot account, here => https://dashboard.weglot.com/settings/language-switcher (in the Custom CSS section)

Once done, Don't hesitate to Hard-Refresh* your website's page and check back in an incognito window if you don't notice the changes.

*Hard-Refresh:
Mac: cmd shift R (lowercase)
PC: ctrl F5
 

NB: Don't hesitate to contact us at support@weglot.com if you need further help 😊

Have a great day,

Cheers,

2 hours ago, tuanphan said:

Use this CSS code

/* WeGlot Mobile */
.header-menu-actions.language-picker.language-picker-mobile * {
    font-size: 15px !important;
}

Also, I see the menu mobile has this problem

Thank you! 

Regarding the problem you called out - this seems to appear on Desktop and Mobile the first time a user visits the site. It eventually resolves itself after a few seconds. 

Any idea what might be causing it in the first place? 

On 4/10/2022 at 6:00 PM, tuanphan said:

Can you try again? I just tested & it should work

On 2/1/2023 at 9:15 PM, Deanogrigio said:

Thank you! 

Regarding the problem you called out - this seems to appear on Desktop and Mobile the first time a user visits the site. It eventually resolves itself after a few seconds. 

Any idea what might be causing it in the first place? 

 

 

Try adding this to Design > Custom CSS

body {
	overflow-x: hidden;
}