Jump to content

Google Mobile Usability Issues - Please Help!

Go to solution Solved by amba,

Recommended Posts

Site URL: http://ambrand.nz

Hi Guys 

I am at a loss with the Mobile Usability issues. I have spent so much time trying to find the issue and the text on my site is now so large and looks so unprofessional. I am still getting the Text too small to read and Clickable elements too close together.

If anyone can help me out, that would be greatly appreciated.

Google seems to have issues with the product pages and items listed in the store. All the pages have a same layout, but somehow google passes some of the pages and flags others. 

I have read all the information in the forums regarding the font sizes and I have increased them so that none are below the recommended pixels. 

 

What am I missing???

 

 

Link to comment

I have the exact same issue as well as two other websites I created for clients - I'd love to hear some feedback on what to do.

My website has been up for over a year now but I just started receiving these Google Search console emails informing me about the Mobile experience issues, ie. fonts too small, not enough space etc. I also used the Hubspot website grader and getting the exact same response in the mobile section despite increasing size and width of buttons. 

Any experts who could help? @Squarespace Guru

Link to comment
  • 2 weeks later...
  • Solution

I finally found the solution!

Turns out that SS was not resizing the stores font for the mobile site accordingly. A simple CSS for mobile font size solved the issue. 

Hopefully I can now return the rest of the site to a more "normal" font size.

This is what worked for me. 

/* CSS FOR MOBILE */
@media only screen and (max-width: 767px) {
  .grid-item  .grid-title  {
    font-size: 1.5rem;
  }  
  .grid-item  .product-price  {
    font-size: 1.5rem;
  }  
}

Link to comment
  • 3 weeks later...
On 9/22/2022 at 3:23 PM, amba said:

I finally found the solution!

Turns out that SS was not resizing the stores font for the mobile site accordingly. A simple CSS for mobile font size solved the issue. 

Hopefully I can now return the rest of the site to a more "normal" font size.

This is what worked for me. 

/* CSS FOR MOBILE */
@media only screen and (max-width: 767px) {
  .grid-item  .grid-title  {
    font-size: 1.5rem;
  }  
  .grid-item  .product-price  {
    font-size: 1.5rem;
  }  
}

Wow - okay, great you found this out! I shall try  it out. Thanks for sharing.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.