Announcement

Collapse
No announcement yet.

Google Mobile Usability errors using Base Ready Theme

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Google Mobile Usability errors using Base Ready Theme

    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
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    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...

    Comment


      #3
      Re: Google Mobile Usability errors using Base Ready Theme

      Originally posted by razertip View Post
      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!
      Leslie Kirk
      Miva Certified Developer
      Miva Merchant Specialist since 1997
      Previously of Webs Your Way
      (aka Leslie Nord leslienord)

      Email me: [email protected]
      www.lesliekirk.com

      Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

      Comment


        #4
        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.

        Comment


          #5
          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é


          Comment


            #6
            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.

            Comment


              #7
              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.
              Matt Zimmermann

              Miva Web Developer
              Alchemy Web Development
              https://www.alchemywebdev.com
              Site Development - Maintenance - Consultation

              Miva Certified Developer
              Miva Professional Developer

              https://www.dev4web.net | Twitter

              Comment

              Working...
              X