Fix Guide

How to Fix Tap Targets That Are Too Small

Make buttons and links big enough and spaced enough to tap accurately on mobile.

Easy High Impact 20 min

Why It Matters

Links and buttons that are tiny or crammed together cause mis-taps and frustration on touchscreens. Google recommends tap targets of at least 48×48px with adequate spacing — it is part of mobile usability.

How to Fix

Size targets to ~48px

Give interactive elements a minimum height/width around 48px (use padding, not just font size).

Add spacing

Leave ~8px between adjacent targets so neighbours aren't hit by accident — common in footer link lists and icon rows.

Code Fix

css

Before (broken)

.nav a { font-size: 11px; padding: 2px; }  /* ~16px tall */

After (fixed)

.nav a { display: inline-flex; min-height: 48px; align-items: center; padding: 0 12px; }
.nav a + a { margin-left: 8px; }

Platform-Specific Instructions

WordPress

Adjust button/menu padding in the theme customizer or additional CSS — focus on mobile breakpoints.

Next.js

Use utility classes (e.g., Tailwind min-h-12) or component styles to enforce minimum sizes.

Want to find all issues at once?

Run a free audit and get a prioritized fix list with auto-generated code.

Run a free audit

How to Fix Tap Targets That Are Too Small — Fix Guide | SlapMyWeb