Google website mobile friendly in PageSpeed Insights

Hi,
in your lastest post in your blog Check if your website is mobile friendly you wrote that all your lastest 24 products are mobile friendly. But I found a mistake that happen also in your Demo:
In PageSpeed Insights in the "User Experience" section (look in attach, but is italian ) there are 3 targets touch mistaken that are about author name and author page and spaces between them. I don't know why I couldn't change the pagespeed language to English
If you can't understand in the attached image, my link to check is http://www.wedding-photographer-in-italy.com/weddings/costume-symbolic-ceremony-venetian-lagoon-lubov-aleksandr/ or any post page in your Writer Demo.
Could you correct it?
Thanks

Hi,

If you check your site here:
https://www.google.com/webmasters/tools ... eksandr%2F
the result says that your site is mobile friendly.

Regarding these elements, you can add more margin/padding by adding the following code into css/mobile.css file

Code: Select all

.item-author .author.vcard {
  margin-bottom: 15px;
}


Thanks so much Piotr.
Author and author site now is done, but PageSpeed tell me also something about "submit" button on my contact form in the bottom of the page: target touch are very close to other target touches and need space all around, this is the line:

Code: Select all

<input type="submit" class="wpcf7-form-con…l wpcf7-submit">

Thanks for your support.

P.S.: which is the difference from PageSpeed Insights and mobile site compatibility test? Why the first tell me errors and the second no!?!?

Hi,

This input is from your Contact Form 7 plugin, try to use the class ".wpcf7-submit" and also add some margin/padding.

Mobile compatibility is general check if the website is mobile friendly or not, event if you have some elements which are not comfortable to use on mobiles - it does not exclude compatiblitiy (the score 99/100 is very good .
and in most cases there's always something to improve (on the page speed insight you can find out what exactly you can improve).

Thanks thanks thanks Your suggestion is working perfect. Now I have learned something new about CSS.
For those who want to have the code about Submit Button in Contact Form 7 plugin:

Code: Select all

input.wpcf7-form-control.wpcf7-submit {
  margin: 20px;
}

So now I have 100/100 user experience.