A customer searching "coffee shop near me" or "Portland plumber" is almost always doing it from their phone, and that person is ready to act right now. Over 60% of all web traffic comes from mobile devices these days. If your site doesn't hold up on a small screen, you're not losing a visitor — you're handing them to whichever competitor's site does. Here's exactly how to fix that.
The good news: you don't need to rebuild your site from scratch. Most mobile issues stem from a handful of fixable problems — and addressing them in order of impact gets you most of the way there without a full redesign.
"We've watched clients gain page-one rankings within weeks just from fixing tap targets and font sizes — nothing about the content changed, only how usable the phone version was."
Start Here: Run Google's Mobile-Friendly Test
Before making any changes, go to search.google.com/test/mobile-friendly and enter your URL. Google will tell you exactly what it considers broken on mobile — unclickable buttons, text that's too small, content wider than the screen, and more. Screenshot the results so you have a clear before-and-after benchmark. This test is the single most authoritative source on what Google sees when it crawls your site.
Also check: 375px is the narrowest common phone screen width (iPhone SE). Shrink your browser to exactly that and tap through your top three pages — if a button, menu, or line of text breaks there, it breaks for a meaningful slice of your mobile visitors.
The 6 Most Common Mobile Problems — and How to Fix Them
1. No responsive design (the root cause)
A responsive website automatically reflows its layout to fit any screen size. If your site has a fixed-width layout built for desktop, it will look broken on phones. The fix varies by platform: WordPress sites need a responsive theme (most modern themes are, but many older ones aren't); Squarespace and Webflow sites are responsive by default. If your site was custom-built more than five years ago, it may need a rebuild — responsive design wasn't standard until around 2015.
2. Text too small to read without zooming
Google flags body text smaller than 16px on mobile as a usability problem. On desktop, 14px looks fine. On a phone, it forces users to pinch-zoom — and most won't bother. Update your base font size to at least 16px in your CSS or page settings. Headers should scale proportionally. If you're on Squarespace or Wix, check your mobile preview and adjust font sizes in the mobile-specific settings panel.
3. Buttons and links too small to tap
Google recommends tap targets be at least 48×48 pixels. A tiny "Contact Us" link that's easy to click with a mouse becomes infuriating on a touchscreen. Increase button padding, add more space between linked items in your navigation, and ensure your phone number is a clickable tel: link rather than static text. If someone is viewing your site on mobile, they're probably on a phone — make it one tap to call you.
4. Images and content overflowing the screen
Fixed-width images (e.g., width="800" in HTML) don't shrink on small screens and cause horizontal scrolling — one of the most jarring mobile experiences. Replace all fixed-width image attributes with max-width: 100%; height: auto; in your CSS. The same applies to tables and embedded iframes: add overflow-x: auto to a wrapper div so they scroll horizontally rather than breaking the layout.
5. Pop-ups that cover the entire screen
Google penalizes sites that show full-screen interstitials on mobile — especially when they appear immediately on page load. If you're running an email capture pop-up or promotional overlay, make sure it can be dismissed easily, doesn't cover the main content on first load, and meets Google's interstitial guidelines. A bottom-anchored banner is a safer alternative that doesn't trigger penalties.
6. Slow load time on cellular connections
Mobile users are often on 4G or LTE, which is slower and more variable than home Wi-Fi. Everything in our guide to improving website speed applies doubly on mobile. Compress images, eliminate unused JavaScript, and lazy-load anything below the fold. A 3-second mobile load time is the ceiling — beyond that, more than half of visitors leave before the page finishes loading.
Don't Forget Your Mobile Navigation
Desktop menus with 7+ links stacked horizontally collapse into a confusing mess on mobile. A hamburger menu (three horizontal lines) that opens a full-screen nav is the standard pattern — and for good reason. If your nav doesn't have a mobile-specific menu, that's often the first thing users notice and the first thing that should be addressed in a redesign. Your phone number and a clear "Contact" or "Book Now" button should be reachable within two taps from any page.
If you're considering a broader update to your site's design and structure, our guide on what makes a great small business website covers the full picture — from navigation to conversion to trust signals — across both mobile and desktop.
Take the 375px test on your own site right now
If something broke, send us the page. We'll tell you whether it's a quick patch or a sign your site needs a deeper rebuild.
Get a Free Mobile Audit →