amba Posted September 13, 2022 Share Posted September 13, 2022 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
ClaireThi Posted September 13, 2022 Share Posted September 13, 2022 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
Solution amba Posted September 22, 2022 Author Solution Share Posted September 22, 2022 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; } } ClaireThi and sayreambrosio 1 1 Link to comment
ClaireThi Posted October 12, 2022 Share Posted October 12, 2022 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
teapot Posted October 18, 2022 Share Posted October 18, 2022 What about the clickable elements warning? Did you resolve that? The Teapotmonk Taichi Training School https://www.21stcenturytaichi.com/ Link to comment
amba Posted October 26, 2022 Author Share Posted October 26, 2022 On 10/19/2022 at 6:34 AM, teapot said: What about the clickable elements warning? Did you resolve that? Yes the above resolved both issues. Link to comment
teapot Posted October 28, 2022 Share Posted October 28, 2022 Thanks The Teapotmonk Taichi Training School https://www.21stcenturytaichi.com/ Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment