Google Mobile Usability errors using Base Ready Theme

[lesliekirk]

I'm getting the following errors for a site that is using the Base Ready Theme:

Viewport not configured
Small font size
Touch elements too close
Content not sized to viewport

Here's a link to one of the pages Google say is bad:

https://www.kitchencabinetdepot.com/CMBO.html

When you run the test on the page it comes back "Awesome".

This is pretty disconcerting since the Google Mobile Usability page (that has these "errors") comes with this warning:

Fix mobile usability issues affecting your site. Websites with mobile usability issues will be demoted in mobile search results.

I can't seem to find any way to tell all mighty Google that these pages are passing it's own test.

Leslie

[razertip]

Re: Google Mobile Usability errors using Base Ready Theme

Content not sized to viewport - that is a horizontal scroll bar that I am getting on the home page.

Touch elements too close - The "scroll to top" button can cause that if it is superimposed on another link. The "hamburger" Menu and MORE need to have some extra padding, margin or line height etc...

[lesliekirk]

Re: Google Mobile Usability errors using Base Ready Theme

Content not sized to viewport - that is a horizontal scroll bar that I am getting on the home page.

Touch elements too close - The "scroll to top" button can cause that if it is superimposed on another link. The "hamburger" Menu and MORE need to have some extra padding, margin or line height etc...

Thanks!

Which device/size? Greatly appreciated!

[razertip]

Re: Google Mobile Usability errors using Base Ready Theme

Cheap Android phone, 480x800 px.

The horizontal scroll bar appears at about 560px wide when viewing the category photos. You may need to go to class="col-md-4 col-sm-6". But then the margins on the category photos are not playing nice. ???

Just noticed:

div class="col-md-9 col-sm-9 welcome beige" - class welcome is removing the padding that will solve the horizontal scroll bar problem. you can leave class="col-md-4 col-sm-4 col-xs-6" as is.

[Protos]

Re: Google Mobile Usability errors using Base Ready Theme

Hj, I quess it is checking for viewport tag and is displeased when itīs not there
<metaname="viewport"content="width=device-width, initial-scale=1"/>

I put it there on my old site just for test and got better mobile speed evaluation though I didnīt have bootstrap activated..("content not ready for viewport).

I still have "Touch elements too close" error though I use the latest Ready Theme and optimised mobile mode. This one is almost impossible to fix through the whole site.

//André

[danceman]

Out of the blue, Google has selected one of over 300 pages (that have same size text, same universal "clickable links" in header/footer) and given this same response. https://www.praisewear.com/shipping-...rn-policy.html

I corrected the scrolling left to right and resubmitted that one, but don't agree with the other two assessments. Is there a fix to this or just accept we will drop in web rankings? Why didn't it flag all the other pages that use the same size font and same distance between links? Even the scroll bar never covers a link.

[Matt Zimmermann]

Where are you testing that you are seeing these errors? When I run that page through Google's Mobile-Friendly Test [ https://search.google.com/test/mobil...bjrgoCIwGcRV6A ], it comes back green with only a couple of loading warnings.