Mobile: making your website work on phones
Most people visit small-business websites on a phone, and many of those sites are hard to use there. We reviewed 100 of them: most are mostly fine, but three in four have buttons too small to tap. Here is every mobile gap and exactly how to fix it.
have buttons too small for a real thumb to tap.
Your customers are on their phones, and Google ranks your phone site first, so a site that is hard to use on a phone loses customers and search spots at once. We reviewed 100 small-business sites against a set of practical mobile tests: most pass about three quarters of them, but one failure is nearly universal: three in four sites have buttons too small to tap. The fixes are simple, free, and rarely need a developer.
How we measured this
We reviewed 100 small-business websites against a list of mobile tests. Things like whether buttons are big enough to tap, whether you can tap the phone number to call, whether images fit the screen, and whether the page resizes itself to fit a phone.
A quick note on the numbers. Each percentage counts only the sites where that test actually applied, not always all 100. Some tests do not apply to every business. A test about contact forms, for example, only counts sites that have a form in the first place. So the numbers below are always out of the sites the test applied to.
Across all the mobile tests, about 24% of everything we reviewed failed. To give you a sense of the spread: 10% of websites failed nothing at all, while 20% of websites failed three or more tests. The typical site passed about three quarters of its tests. The examples below are the auditor's real notes, with the businesses kept anonymous.
The big one: buttons and links you can actually tap
If you fix only one thing after reading this, make it this. By a wide margin, the most common mobile problem we found was buttons and links too small or too crowded for a real thumb on a real phone.
Tap targets are large enough and easy to press
This was the worst result in the whole mobile audit. 75% of websites failed this test. Three out of every four sites we tested had buttons, links, or menu items too small or packed too close together to tap reliably on a phone.
A "tap target" is just anything a person is meant to tap: a button, a link, a menu item, a phone number, a "Book Now." The trouble is that designs which look perfectly clickable with a mouse pointer turn into a game of darts with a fingertip. The auditor's notes tell the story plainly. On one site, nearly half the buttons and links were too small to tap accurately. On another, more than half were. A button needs to be about the size of a fingertip, and on these sites many of the tappable things were smaller than that.
Why it matters: This is the most direct way there is to lose a ready-to-act customer. Someone wants to call you, book a table, or open your menu, and the button keeps dodging their thumb or they keep hitting the wrong link. People do not email you to complain about this. They just give up and try the next business. Every mis-tap is a small invitation to leave.
How to fix it: Make the things people tap bigger, and give them room to breathe. A safe rule is that any button or link should be at least about the size of a fingertip, with a little space around it so neighbors do not get hit by accident. Look at your most important actions first: the "Call," "Book," "Order," "Directions," and main menu buttons. Better yet, hand your phone to a friend who has never seen the site and watch them try to use it with one thumb while standing up. Where they hesitate or tap twice, that is your fix list. If your site was built on a website builder or template, this is often just a matter of choosing larger button styles and adding spacing, with no developer required. If a designer built your site, ask them to make every button and link a comfortable size. Or skip the fiddling entirely: every site Frontpage builds ships with thumb-sized, well-spaced tap targets by default, so the worst mobile failure on this list never happens in the first place.
Free consultation
Want a hand fixing yours?
Book a free 30-minute session and we'll go through your site together and rebuild your web presence, all before the call is over.
Things that should just fit the screen
A phone screen is small and narrow. A surprising number of sites still behave as though every visitor is on a wide computer monitor. This group of tests is all about content simply fitting the screen the way a customer expects.
Site is fully mobile responsive
13% of websites failed this test. "Responsive" means the website automatically rearranges itself to fit whatever screen it is on, shrinking and stacking things so a phone gets a phone-shaped layout instead of a tiny shrunken copy of the desktop page.
On the sites that failed, a single line of code was missing. That line tells the phone, "this site knows how to fit your screen." Without it, the phone assumes the worst and shows a zoomed-out, hard-to-read version of the desktop site.
Why it matters: This is the foundation everything else sits on. If the site is not responsive, customers get tiny text, sideways scrolling, and buttons they have to pinch and zoom to reach. It also works against you with Google, which judges your site by its phone version first. A non-responsive site looks dated and untrustworthy at the very moment a customer is deciding whether you are a real, current business.
How to fix it: Most modern website builders and templates are responsive out of the box, which is why 87% of websites already passed. Sites built with Frontpage are mobile-responsive from the first draft, so a phone always gets a phone-shaped layout instead of a shrunken copy of the desktop page. If yours is in the 13% that failed, the cause is usually an older custom-built site. The missing line of code is a quick fix for any web person, and switching to a current template on a website platform usually solves it instantly. This is one worth getting done, because so much else depends on it.
Images do not overflow on mobile
39% of websites failed this test. That means roughly two in five sites had at least one image that ran off the edge of a phone screen, pushing the whole layout wider than the screen.
Why it matters: When an image spills off the side, it usually drags the rest of the page with it. Text gets cut off, the page can be shoved sideways, and the whole thing feels broken. A customer trying to read your hours or see your prices instead gets a lopsided mess. It is the kind of small glitch that quietly tells people you are not paying attention, which is the last impression you want while someone is deciding whether to trust you with their money.
How to fix it: Images should be set never to grow wider than the screen they are on. On most website builders this is automatic, but it breaks when an image is added in an unusual way or pasted in at a fixed, oversized width. Open every important page on your own phone and scroll top to bottom, looking for anything that sticks out past the edge. The usual culprits are big banner photos, logos, and images inside blog posts or galleries. Re-adding the image through your builder's normal image tool, rather than a custom embed, almost always fixes it.
No horizontal scrolling on mobile
Only 3% of websites failed this test. This was a near clean sweep, and it is closely related to the images problem above. "Horizontal scrolling" is when the page is wider than the screen, so it slides left and right when it should only move up and down.
Why it matters: A page that drifts sideways feels broken even when nothing else is wrong. People expect to scroll straight down with their thumb. When the page also slides left and right, content hides off the edges and reading becomes a chore.
How to fix it: Almost everyone already passes this, so if you are in the small group that does not, the cause is nearly always the same as overflowing images: one element, usually a photo, a table, or an embedded map or video, that is too wide for the screen. Find the page that slides sideways, then find the one thing on it that sticks out, and make it fit. Fixing the overflowing images above will often clear this up at the same time.
Font size does not require zooming on mobile
Only 2% of websites failed this test. This is one of the strongest results in the audit. Almost every site uses text large enough to read on a phone without pinching to zoom.
Why it matters: Text that is too small to read is an instant exit. Nobody zooms in to read your hours or your menu, they leave. The fact that nearly everyone gets this right is good news, and it is worth protecting.
How to fix it: Since you very likely already pass, the main job is to keep passing. When you edit your site, avoid shrinking text to squeeze more onto the screen, and never set a tiny fixed font size. If you are in the small group that failed, bump your base text up to a comfortable, readable size and check it on an actual phone, not just on your computer.
When customers want to reach you
This is where a mobile site earns its keep. Someone on a phone is often ready to act right now. They want to call, book, or send a message in the next minute. These tests are about making that the easiest thing in the world, because friction here costs you actual customers and actual revenue.
Click to call phone number works on mobile
33% of websites failed this test. One in three sites showed a phone number you could not simply tap to call. On a phone, a number can be set up so that tapping it opens the dialer with your number already filled in, ready to call. When that is missing, the number is just text. The customer has to memorize it or copy it, switch to the phone app, and type it in by hand.
Why it matters: For most small businesses, a phone call is the goal. It is the booking, the quote, the order, the new customer. You have already done the hard part, getting someone interested enough to look for your number, and then a tiny technical gap makes them do extra work to reach you. Every extra step loses a few people, and the person standing on the sidewalk with your competitor one tap away is exactly the person you cannot afford to lose.
How to fix it: Make every phone number on your site a tap-to-call link. On most website builders there is a simple option to turn a phone number into a clickable "call" link, or a dedicated phone or button element that does it for you. With Frontpage you can ask for a tap-to-call bar that pins your number to the bottom of every phone screen, so the call is always one thumb-tap away. If your site was hand-built, this is a five-minute change for any web person. Do it everywhere the number appears, the header, the footer, the contact page, so that wherever a customer is when they decide to call, the next tap places the call. Then test it on your own phone by tapping the number on each page.
Form fields use mobile-friendly input types
32% of websites failed this test. Just under a third of sites with forms were not telling the phone what kind of information each field expects.
This one sounds technical, but the payoff is very human. A phone keyboard can change itself to match the field you are filling in. Tap an email field and you should get a keyboard with the "@" sign ready. Tap a phone number field and you should get a big number pad. That only happens if each field is set up to expect the right kind of answer behind the scenes. When that is missing, the customer is stuck with the default keyboard and has to hunt for symbols and switch between letters and numbers.
Why it matters: Filling out a form on a phone is already a small chore. Every extra tap and every wrong keyboard makes people more likely to give up halfway through. When someone is trying to book, request a quote, or ask a question, you want that form to feel effortless. The right keyboard appearing automatically keeps people moving toward "submit" instead of toward "forget it."
How to fix it: When you build or edit a form, set each field to its proper type: email fields to email, phone fields to phone, and so on. Most form builders inside website platforms have a dropdown for exactly this when you add a field, so it is usually a matter of picking the right label rather than writing any code. After you set it, test the form on your phone and watch the keyboard change as you move from field to field.
Forms are easy to fill out on mobile
Only 4% of websites failed this test. Among the sites that actually had a form, almost all of them were straightforward to complete on a phone. This is a strong result and a reassuring one, because forms are where a lot of bookings and inquiries come from.
One failure was a different kind of problem than a badly designed form. The auditor's note read: "There are no functional forms, no contact, reservation, or order form exists on the parked page. A visitor cannot fill out anything." In that case the issue was not a clumsy form, it was the absence of any way at all to reach the business through the page.
Why it matters: A form is often the most convenient way for a customer to reach you, especially after hours when nobody is answering the phone. If a form is hard to use, people abandon it. If there is no form and no other obvious way to make contact, you have closed a door that a competitor left open. Most sites get this right, but it is worth confirming you are one of them.
How to fix it: If you have a form, fill it out on your own phone from start to finish, and make sure every field is easy to tap and complete and that the "submit" button actually works and tells you it went through. If you do not have any contact, booking, or order form at all, add a simple one. Even a basic "name, phone, message" form gives the after-hours customer a way in, and it pairs perfectly with the tap-to-call number for the customer who would rather just ring you.
A primary action stays in thumb reach: a clean sweep
Here is a win worth celebrating. Every website that used a sticky button passed this test. This one only applies to sites that use a sticky call-to-action, a button that stays put on the screen as you scroll, usually pinned along the bottom where your thumb naturally rests. Every site that used one had it working correctly.
Why it matters: A "sticky" button is a quietly powerful tool. Because it stays in reach no matter how far someone scrolls, your most important action ("Call," "Book," "Order") is never more than one thumb-tap away. The fact that everyone who used one got it right is a small bright spot, and a hint that this is worth considering even if you do not have it yet.
How to fix it: Nothing to fix here, so take the lesson instead. If you do not already have a sticky button for your single most important action, consider adding one. Many website builders offer a sticky button or bar as a simple option. Keep it to one clear action so it helps rather than clutters, and you give every customer a permanent, easy path to the thing you most want them to do.
Set it and forget it
Put your mobile site on autopilot
Sign up to Frontpage and let Autopilot look after your tap targets, click-to-call links, images, and forms. Your site stays easy to use on a phone, and you never have to think about it.
What to fix first
You do not have to do everything at once. Work down this list in order, because it is sorted by how common the problem was across the sites we tested. The top item alone will help most owners more than all the rest combined.
- Fix your tap targets. This failed on 75% of websites, more than any other mobile test. Make buttons, links, and menu items bigger and less crowded so a real thumb can hit them. Test by handing your phone to someone and watching them use it one-handed.
- Make sure images fit the screen. This failed on 39% of websites. Open every page on your phone and look for anything sticking off the edge or pushing the page sideways, then make it fit.
- Turn your phone number into a tap-to-call link. This failed on 33% of websites. Make every number on the site tappable so one tap starts the call. This is one of the highest-payoff fixes you can make.
- Set your form fields to the right input types. This failed on 32% of websites. Set up email and phone fields properly so the phone shows the right keyboard automatically.
- Make sure your site is fully responsive. This failed on 13% of websites. If your layout does not resize itself for a phone, this is the foundation to fix before the rest.
- Clear up any sideways scrolling, oversized text, or missing forms. These were rare: sideways scrolling failed on only 3% of websites, font size on 2%, and easy-to-fill forms on 4%. Quick spot-checks on your phone will confirm you are in the clear, and most owners already are.
Why this is worth your time
Come back to that customer on the sidewalk with the phone. They are interested. They searched, they tapped your result, and for a few seconds the decision is entirely in your hands. Almost everything that decides which way they go is something you can change this week, with no developer and no advertising budget. A button big enough to press. A phone number that calls you when tapped. Images that fit. A form that is easy to fill. None of it is glamorous, and that is exactly why it works: your competitors are ignoring it too.
The numbers say most small-business sites are already in decent shape on a phone, which means you are not facing a rebuild. You are facing a short, satisfying list of small fixes, led by the one that three out of four sites get wrong. Spend an afternoon with your own phone, walk through your site the way a customer would, and clear the items above one by one. You will look more professional, you will rank better in the searches that matter, and you will stop quietly losing the people who already wanted to reach you. That is more calls, more bookings, and more sales, from changes that cost you nothing but a little care.
Free website audit
Get your score
Enter your website and email and we'll run the audit for you. You'll get the full results, your score and exactly what to fix, delivered straight to your inbox.
Free forever plan · No credit card required
Based on a close look at 100 small-business websites. Every number comes from those results, and the businesses are kept anonymous.