Using Enfold 3.0.8, WP 4.1.1
I just received an email from Google Webmaster Tools suggesting that I fix the large number of mobile usability errors on my site. There are really only two errors, ‘touch elements too close’ and ‘content not sized to viewport.’ But, these same two problems appear to be on every page of my blog posts, not static website pages, just the blog pages/posts. The number of errors appears to be growing weekly, as blog posts are added. How does one go about addressing and fixing this problem?
As an addendum, the suggestion is to include this piece of code:
<meta name=viewport content=”width=device-width, initial-scale=1″>
But, does not Enfold already have this, or something like this?
Hey!
I think the mobile checking tool that Google offers needs some more work. They say a site has lots of problems but no suggestions on how to fix them. As long as your happy with how your site displays on mobiles then I would ignore it and use W3C for making sure your site is valid.
And to answer your question yes we do include that meta tag on line 35 in the header.php file. (perhaps the google mobile checking tool is not smart enough to see it yet)
if( strpos($responsive, 'responsive') !== false ) echo '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">';
By default it will not let you “pinch and zoom” on mobiles. If you want to be able to zoom in on your site on a mobile device then change it to this.
if( strpos($responsive, 'responsive') !== false ) echo '<meta name="viewport" content="width=device-width, initial-scale=1">';
Cheers!
Elliott
Thank you! I changed it to pinch and zoom….