Archived topic
Mobile View Font Size
5 replies · Started by Dev on June 7, 2021
Hello,
My desktop font size is 18 px, which is set through appearance > Customizer.
And now I want a different font size for mobile view. For that, I use the below CSS code. But it is not working. Can you please see?
@media (max-width: 768px) {
body {
font-size: 17px;
}
}
I found this CSS here : https://generatepress.com/forums/topic/separate-font-size-in-mobile-and-desktop-view/
Hi there,
can you share a link to the site where it is not working ?
Hello,
I have added the website URL in the private information box. Please have a look.
Hi Dev,
Could you try to clear the cache and see if it works?
If not, could you disable the cache plugin so we can inspect the code better?
Let me know :)
Hello,
Even after clearing the cache, the problem is the same. I have de-activated the cache plugin for you to investigate the issue.
Hi there,
if i disable autoptomize ( by adding ?ao_noptimize=1 to the URL ) then i can see the CSS being applied. So its the Autoptimize cache that is interfering with the CSS order.
Try disabling each of the CSS settings in autoptize one by one to see which is causing the problem.
