Member Avatar for robinson909

Today when I log in to my Google Search Console account, i see some errors listed under the Mobile Usability section. One such common error is “text too small to read”.
Can anyone guide me how i resolved this error Or is there any guideline by google search console to solved this error. My website is TechDailyJournal

  • 2 Contributors
  • 2 Replies
  • 438 Views
  • 32 Minutes Discussion Span
  • Latest Post Latest Post by Dani

Dani AI

Generated

Good call by to check CSS — that’s often where the problem starts — and useful that you shared the site, . A few common causes go beyond a single selector: missing or wrong viewport, root font-size set too small, element-level rules (dates, bylines, widgets) fixed in px, or a stylesheet that shrinks text only on narrow screens. Even if the body reads as 20px on desktop, a mobile viewport or a small selector can make parts unreadable on phones.

Quick troubleshooting checklist:

  • Confirm a responsive viewport meta tag is present and correct (width=device-width, initial-scale=1).
  • Use relative units (rem/em) tied to a sensible root size (16px) so all text scales consistently.
  • Scan for tiny selectors (date, author, captions, widgets) that may be set separately for small screens.
  • Emulate phones in Chrome DevTools (device toolbar) to spot the exact elements Google flags.
  • After fixes, re-run the Mobile Usability report in Search Console and use “Validate Fix” for flagged URLs.

Practical example you can adapt (add to head and your CSS — tweak selectors to match your theme):

<meta name="viewport" content="width=device-width, initial-scale=1">

/* establish a predictable base */
html { font-size: 16px; }   /* 1rem = 16px */
body { font-size: 1rem; line-height: 1.4; }

/* avoid tiny metadata on small screens */
.byline, .meta { font-size: 0.9rem; }

@media (max-width: 480px) {
  body { font-size: 1.05rem; }    /* slightly bump text on phones */
  .byline, .meta { font-size: 0.95rem; }
}

If issues persist, look for webfont metrics, third‑party widgets, or CSS transforms that scale text down. Once corrected, validate fixes in Search Console so Google rechecks the pages.

Recommended Answers

All 2 Replies

Member Avatar for Dani

Use CSS to change the font size. Your CSS currently has your dates and author on the homepage:

.entry-meta a {
    font-size: 14px;
}

I wonder if that's what Google is thinking is too small? Or maybe you have text somewhere else that's even smaller. You can usually use Lighthouse within Chrome Dev Tools to figure out exactly what Google is complaining about here.

commented: thanks for your guide, i will definitely try it. But right now my front-size: 20px +0
commented: Thanks, @Dani to share this. If I'll ever be stuck in this kind of problem I will apply your +0
Member Avatar for Dani

thanks for your guide, i will definitely try it. But right now my front-size: 20px

That's your font size for your page body. You have an .entry-meta a stylesheet rule that dictates what font size dates and authors should be.

commented: okay, i try it now and check +0
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.