Mobile: 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.

Please note: This issue and PWA testing has been deprecated in Lighthouse. While this issue is not available via the PSI 'Remote' API option, it is still available via the PSI 'Local' option, as Screaming Frog has maintained support. This can be configured via 'Config > API Access > PSI'.

How to Analyse in the SEO Spider

To populate this filter the PageSpeed Insights API must be connected via ‘Config > API Access > PSI’. The ‘Source’ must be set to ‘Local’, rather than ‘Remote’, as it is no longer available via the API.

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.