Site logo

Archived topic

mobile viewport smaller than content

3 replies · Started by Markus on September 30, 2016

Viewing posts 1–4 of 4

Hi Tom!

On some devices/browsers I see a hozizontal scroll bar if viewport is smaller than container width.

I do not use the mobile header!

Google PageSpeed Tools says:

Size content to viewport
The page content is too wide for the viewport, forcing the user to scroll horizontally. Size the page content to the viewport to provide a better user experience.
The page content is 422 CSS pixels wide, but the viewport is only 411 CSS pixels wide.
Hide details

One problem I found was the screen-reader-text for the search icon was hanging out on the right side. I added this CSS

.search-item .screen-reader-text {
    right: 0;
}

Helped on on topic, but the page content is still too wide.

Any idea?

I you want to check, see https://insoguide.de

Thank you.

I'll wait.
Have a nice weekend.

You too :)

This archived topic is closed to new replies.