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.
