-
Hi, I’ve been trying to adjust the font size for mobile browsers on my site, but every time I try to use the customizer to adjust the body font, it appears to adjust it correctly, but when I save and look on the site or go back to the customizer the font size has reverted to the too small size. Adjusting the slider seems to make the font size ‘jump’ up to the correct size, but the numbers don’t seem to match the actual font size. See the screen grab video. Site: https://makemesustainable.com Video link: https://imgur.com/a/0HCTfzA
-
Hi there,
You are using the legacy typography system which does not support responsive settings.
Can you switch to the dynamic typography system?
https://docs.generatepress.com/article/switching-to-dynamic-typography/Let me know if this helps!
-
Hi, I added the dynamic typography system, but as the following screen recording shows the font sizes don’t change now at all when the slider is moved to adjust font size. https://imgur.com/a/XzxM7uR
-
Hi there,
Can you try disabling WP Rocket?
If you have any other caching/optimization plugins, try disabling those as well.
-
HI, I’ve tried disabling WP Rocket, but this hasn’t made any difference unfortunately.
-
Hi there,
in your Customizer > Additional CSS you have this:
@media (max-width: 768px) { body { font-size: 16px; } }Which is overriding the custom font size for mobile devices
-
Ahh, Many thanks; that’s sorted it! Cheers
-
You’re welcome
- You must be logged in to reply to this topic.