I will join the discussion and perhaps clarify my Google search console has errors Compatible with mobile devices – It is difficult to read due to the small font size and Interactive elements are located nearby. link to check
Tell me how to fix mistakes in styles!
I don’t know how to fix the issue I’ve used the google console to see my error
Hi @biancac22011 / @thermal,
Basically, Google considers a font size less than 12 as not readable. You will have to check other font sizes as well that you have set for the content on mobile.
Font sizes less than 12px are too small to be legible and require mobile visitors to “pinch to zoom” in order to read. Strive to have >60% of page text ≥12px. Here is more on that – https://developers.google.com/web/tools/lighthouse/audits/font-sizes
I hope it will help.
Kind regards,
Herman 🙂
Hi @brainstormteam! Do you mean in setting the theme for the mobile version in the Typography – Basic typography and Headings items, for example, set the size to 16px and this will fix the error?
Hi @thermal,
As the article says, font sizes smaller than 12 px are often difficult to read on mobile devices, hence will give you a warning on the Lighthouse.
And yes, on Astra you can adjust the font size from the section you mentioned.
I hope it helps.
Kind regards,
Herman 🙂
