Home /css /Fix for Google User Experience /

Fix for Google User Experience

2:17 am, April 23, 2017

Original Post Date: 7:04 am, August 5, 2015

So if you like me got the email from webmaster tools advising you that your site was not mobile responsive enough, here is what i did to fix it.

Google mentions here that small links should have spacing and margins around them for "tap targets". problem with this solution is that it can paragraphs of text look a bit off unless you increase the line height or just make all the text size larger. 

Update: So it appears that my site (not this one) is now 99/100 UX scored, and the elements that are causing the 1 off are from google ad's so thats good i guess.  

@media (max-width:600px) { .entry-content { font-size:16px; } .entry-content a { display:inline-block; padding:3px 10px; background:#FFF; border-radius: 3px; margin:5px; } }