I received a message from Google Webmaster:
Google systems have tested 16 pages from your site and found that 63% of them have critical mobile usability errors.
Here are the errors on my website: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.aroundtheplanet.org%2Fgrandmas-dim-sum-flushing-restaurant-review%2F&hl=en&priorityGroup=usability&tab=mobile&utm_source=wmx&utm_campaign=wmx_mobilepsi
Could you guys fix it to make it mobile friendly?
Thanks
I see there are 2 errors now:
– Touch elements too close
– Content not sized to viewport
Hi,
On homepage the error comes from the post author which is to close from the post title. Try this custom css to move the author container down and let me know if you still have this error afterwards: http://screencast.com/t/MyQPyDgvCWjO
@media screen and (max-width: 767px) {
.td-post-author-name {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
}Seems that the contents of your page fit within the viewport now: http://screencast.com/t/iQsreUGT
Thanks
Hi,
Thanks for your response.
How can I remove the category button under the breadcrums? This is causing the issue as well.
Hi,
If you want to remove category tag you can do this from Theme Panel > Categories > each category: http://screencast.com/t/VR6iisBiw
Or you can use this custom css in Theme Panel > Custom Css if you want to hide it only for mobile view: http://screencast.com/t/CDsaUjvvbkJG
@media (max-width: 767px){
.single .td-category{
display: none;
}
}
Thanks!
