Make the site work on mobile
Readable text, tap-sized buttons, and no horizontal scrolling on phones.
What it means
Mobile readiness means the layout adapts to a small screen: text is legible without zooming, buttons are big enough for thumbs, and nothing forces sideways scrolling.
Why it matters
Most of your visitors are on phones, Google ranks you on your mobile site, and a broken mobile layout converts essentially nobody who arrives on one.
How to fix it
- Open the site on a real phone and list what breaks: overlapping text, cut-off forms, tiny buttons, horizontal scroll.
- Ensure the viewport meta tag is present (see our viewport guide).
- Use responsive layout rules (CSS media queries or your builder's mobile settings) — never fixed pixel widths for main containers.
- Make tap targets at least 44×44px with space between them.
- Fix the worst offender first, re-test, repeat — mobile issues are usually a handful of repeating patterns.
Helpful tools
- Chrome DevTools device toolbar
- PageSpeed Insights
Not sure if this affects your site? Analyze your website for free or compare it with a competitor.
Related guides
- Add the viewport meta tag: One line of HTML that makes your site render at mobile width instead of zoomed-out desktop.
- Add a clear call-to-action: One obvious button that tells visitors exactly what to do next.
- Add trust signals: Reviews, guarantees, and credentials that make strangers comfortable buying.
- Show social proof: Numbers and voices of other customers — 'Join 4,000 teams' beats any slogan.