When doing Googles Page speed Insight, it says,
(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 1,120 CSS pixels wide, but the viewport is only 375 CSS pixels wide. The following elements fall outside the viewport: The element falls outside the viewport.)
When doing Googles new mobile compatable test, https://www.google.com/webmasters/tools/mobile-friendly/ it comes back as a fail.
The theme is responsive but doesn’t give full layout.
Have tried to and coding to themes Function.php but no success. I don’t want to use a wp touch plugin or anything like that. Have done all the setting in the responsive menu.
Could you make any suggestions.
Thanks Andrew
Regards Pat
Hi Pat
Thanks for reaching out.
Please, keep in mind that all WordPress.org themes completely overwrite their own folder during theme updates. This means that any changes made to the them via Appearance > Editor or other methods aren’t update safe and will be overwritten if we push an update and you run it.
The problem, on your home page at least, is this one line in your Custom CSS:
.bottomMenu { display: block; width:1140px;}That could perhaps be:
.bottomMenu { display: block; max-width:1140px;}Or you could look at removing it. We can’t use static width’s in responsive design.
Hope that helps you resolve.
Thanks Andrew,
just altered the code and now passes the google mobile test.
Thanks for your assists
Regards Pat
Awesome :) Glad to hear you made progress with this.
All the best.