Text element too small for mobile device

Last updated:

Impact: MINOR
This evaluation is included in the Mobile Friendly test offered by ExcellentWebCheck. Ensuring that your website is mobile-friendly and responsive is crucial not only for enhancing the user experience but also for optimizing your site's SEO performance.

What is the issue and how to solve it?

Text elements on a mobile website that are too small indicate that the website is not responsive. Text that can easily fit on one line should not appear as a multiline text.

Example of a text too small issue where the sections are aligned as a row on a mobile phone, leaving not enough space for the titles to fit on one line

 

In the image you see that the titles have not enough space to fit on one line due to the row based layout.

 

A good solution would be to have the sections align as a column instead of a row:

Fix for text too small issue where the sections are now aligned as a column on a mobile phone, leaving enough space for the titles to fit on one line

Do the Mobile Friendliness test

Was this article helpful?

Checkout the ExcellentWebCheck services

ExcellentWebCheck's goal is to improve the online user experience. The tools of ExcellentWebCheck help to detect and improve usability problems on your website.

Accessibility Checker

Is your website accessible to everyone?

Mobile-Friendly Website

Does your website work on all devices and screen sizes? Test it now with the free Mobile-Friendly test.

Site Audit

Get the basics right. Does your website work properly? Have you applied all best practices?