Your Mobile Tap Targets Are Killing Calls

A homeowner on a job site opens your site one-handed. Thumb hits the menu. Misses. Hits the wrong icon. Tries the phone link. Misses again. They call the next listing.

That is not a branding problem. It is a hit-target problem. Small tap areas on mobile kill calls for trades and restoration shops across Central NJ.

The floor: 24×24 CSS pixels

Apple's older HIG pushed larger targets. Google's guidance and common practice land around a 48×48 dp comfort zone. The hard floor for anything you expect people to hit on a phone is 24×24 CSS pixels. Below that, you are asking for mis-taps.

Check these first:

- Top nav hamburger and close icon - Sticky call bar phone link - Social and map icons in the header or footer - Accordion plus/minus on service FAQs - "Call now" buttons stacked too tight in Divi modules

If the visible icon is 16px and the clickable box matches the icon, you fail. Pad the hit area even when the glyph stays small.

What this looks like on a real phone

Open your site on an iPhone SE-class screen. Hold it like a customer standing in a wet basement. Try the sticky call bar without looking carefully. Try the menu. Try the floating chat widget if you have one.

Misses are data. Every miss is a near-call that went to a competitor with a bigger button.

WordPress and Divi sites often ship with pretty headers and tiny icons. Theme defaults win until someone measures. What looks fine on a 27-inch monitor fails on a 390-wide viewport.

Practical Divi / WordPress fixes

You do not need a redesign to fix this.

1. Inspect the sticky phone element. Set `min-width` and `min-height` to at least 24px, preferably 44–48px for primary actions. Increase padding, not only font size. 2. Expand icon links with padding or a pseudo-element so the tappable box is larger than the SVG. 3. Space stacked CTAs. Adjacent 24px targets that touch still cause fat-finger errors. Add gap. 4. Test after Divi updates. Module CSS resets love to shrink your carefully padded buttons. 5. Keep the sticky call bar above the fold on mobile and free of overlapping chat widgets.

Do this in the child theme CSS. Document the selectors so the next edit does not quietly shrink them again.

Measure tonight, then decide

Pretty mobile layouts that miss taps do not produce work. Measure the phone link, the menu, and the sticky bar tonight. If any primary control sits under 24×24 CSS pixels, fix that before the next brand refresh meeting.

Calls come from fingers that hit the button. Make the button big enough to hit. If the site still leaks calls after that, that is WebMaster work, not another brochure page.