Websites & online business

How to make a website mobile friendly

KKahu team·Updated 18 Sep 2026·5 min read

How to make a website mobile friendly
Quick answer

Make a website mobile friendly by using a responsive layout that reflows to one column, keeping text at least 16px, making buttons at least 44px tall, compressing images, and cutting forms to the essentials. Modern builders do most of this automatically; the rest is checking your site on a real phone and fixing what is awkward.

Why it matters

For most local businesses, well over half of visitors arrive on a phone, often while walking, waiting or between tasks. Google also ranks the mobile version of your site. A site that is hard to use on a phone loses both the visitor and the ranking.

60–80%of small-business site visits are mobile
44pxminimum tap target
<3sload time to aim for

The checklist

  1. 1Responsive layoutColumns become one column. Nothing requires horizontal scrolling. Builders handle this; custom sites need it built in.
  2. 2Readable textBody text 16px or larger. Short lines. Enough contrast to read in sunlight.
  3. 3Tap targetsButtons and links at least 44px tall with space between them. Thumbs are not cursors.
  4. 4SpeedCompress images, avoid autoplay video, limit fonts. Most slow mobile sites are slow because of one huge photo.
  5. 5FormsThree fields, large inputs, the right keyboard (numbers for phone). Or replace the form with a chat.
  6. 6Tap to call and tap to bookThe phone number should dial; the book button should open the calendar.
The thumb testHold your phone in one hand. Can you book without stretching?

A five-minute test on your own phone

  • Open your site on mobile data, not wifi. Count the seconds.
  • Can you tell what the business does without scrolling?
  • Can you find the price and the booking button in ten seconds?
  • Tap every button with your thumb. Any misses?
  • Fill in the enquiry form. How many fields did you resent?

Common mobile mistakes

  • Pop-ups that cover the screen and are hard to close.
  • Hero images that push the headline below the fold.
  • Menus with twenty items.
  • Text on photos that becomes unreadable at small sizes.
  • PDFs for menus or price lists.

Builders and mobile

Every modern builder produces a mobile layout automatically, and AI builders generate copy short enough to suit small screens. Your job is to check the result and remove anything that only made sense on a desktop.

Where Kahu fitsKahu SitesTell Kahu what you do and it drafts your whole site in your own words, hosts it, and keeps it updated when your hours or prices change.Written in your words from one conversationHosting, domain and SSL includedHours and prices update themselvesSee Kahu Sitesbayphysio.co.nzPhysio in Mount Maunganui, same-week appointmentsBook onlinePricesACC claimsYou changed Saturday hours in chat · site updated 2 min ago

Frequently asked questions

How do I check if my website is mobile friendly?

Open it on your phone and try to book. Also run Google's PageSpeed Insights for a speed score and specific fixes.

Do I need a separate mobile site?

No. One responsive site that reflows is the standard and what Google expects.

Why is my mobile site slow?

Almost always oversized images or video. Compress images to under 200KB each and remove autoplay video.