Content font larger on Mobile

Hi David,

You can do this for the top level items under Mega Menu > Menu Themes > Mobile Menu > Font. You would need to write your own custom CSS to make similar changes for the fonts within sub menus.

Regards,
Tom

Hi Tom,

Firstly, I made this change for top level menu item under the mobile menu settings.

This change is show up in my test environnement but it doesn’t in live test on my mobile. The font size seems stay the same as on desktop device settings.
Why this change don’t effect?

Secondly, I need to encrease the font size of submenu items in mobile device. We can’t do this under the mobile menu settings.
Which custom CSS can I use to achieve this, please?

Thank you very much.

Hi David,

Please post a link to your site so I can advise on both points.

Regards,
Tom

Hi Tom,

The domain is: ayyourshop(dot)com

Megamenu settings are:

On desktop:
Content Font 14px

On handheld devices
Text size of Menu toggle 19px
Font 16px
Content font 16px

When I visit the website on Mobile, there are no difference. The Changes seem not applied.

Can you check, please.

Hi David,

Everything you’ve described is what I’m seeing here.

On desktop, content font is 14px:

https://screencast.com/t/w34QfOxEFa

On mobile, top level font is 16px:

https://screencast.com/t/pBHe2dQrWVE

On mobile, content font is 16px (you’ve used custom CSS for this):

https://screencast.com/t/bUbu0bN7XXN

Maybe your mobile browser cache needs to be cleared? Or maybe you could try setting the font sizes on mobile to something huge, and very obvious, like 30px, to see if the changes are being applied.

Regards,
Tom

Hi Tom,

Effectively it was a mobile browser cache not cleared.
Thank you for your support.

You’re welcome ??