How to Fix Tap Targets Too Small on Mobile

errorThe Problem

Your mobile page has buttons, links, or interactive elements that are too small or too close together for comfortable tapping. Google's mobile usability standards require tap targets to be at least 48x48 CSS pixels with adequate spacing between them.

trending_upWhy It Matters for SEO

Small tap targets frustrate mobile users — they tap the wrong thing, accidentally navigate away, or give up entirely. Since over 60% of ecommerce traffic is mobile, this directly impacts your conversion rate. Google also uses tap target size as a mobile usability signal in Core Web Vitals assessments.

buildHow to Fix It

/* Add to your theme CSS */
a, button, select, input[type="submit"], .btn {
  min-height: 48px;
  min-width: 48px;
  padding: 12px 16px;
}

.footer a {
  display: inline-block;
  padding: 8px 4px;
  min-height: 48px;
  line-height: 32px;
}

.product-form__option label {
  min-height: 48px;
  min-width: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

Related Fix Guides