Issues

Mobile: Content Not Sized Correctly

back to issues overview

Content Not Sized Correctly

Pages with content that is smaller or larger than the viewport width, which means it may not render correctly on mobile devices.

Lighthouse flags pages whose width isn’t equal to the width of the viewport.

How to Analyse in the SEO Spider

To populate this filter the PageSpeed Insights API must be connected via ‘Config > API Access > PSI’.

View URLs with this issue in the ‘Mobile’ tab and ‘Content Not Sized Correctly’ filter, and export all URLs using the ‘Export’ button.

Use the lower ‘Lighthouse Details’ tab to click on the issue on the left-hand side, and see details of the Content Not Sized Correctly on the right-hand side.

Bulk export the pages and details of the Content Not Sized Correctly via ‘Reports > Mobile > Content Not Sized Correctly’.

What Triggers This Issue

This issue is triggered by Lighthouse when pages width isn’t equal to the width of the viewport.

Specifically, the audit fails if:

window.innerWidth does not equal window.outerWidth.

How To Fix

Follow best practices for responsive web design to ensure the page is mobile-friendly and will render correctly on mobile screens.

Further Reading

Back to top