You built your website. You're proud of it. You pull it up on your laptop and everything looks clean, the photos are sharp, the menu sits right where it should, and your phone number is easy to find at the top. Then a customer texts you and says they tried to book online but couldn't find the button. You open your site on your phone and your stomach drops.
The header is gigantic. The hero image is cut off. The menu is somewhere, but you have to scroll past three screens of empty space to get to anything useful. The contact form runs off the right edge of the screen. You have to pinch and zoom just to read your own services page.
If that sounds familiar, you are not alone. I run into this almost weekly with new clients who built their site themselves or hired someone who only checked it on a desktop. Here is what is actually going on, why it matters way more than most business owners realize in 2026, and what you can do about it without spending a fortune.
The short version of why this happens
A laptop screen is wide. A phone screen is narrow. That sounds obvious, but the implication is the part most people miss. When a website was built with a desktop in mind first, every design decision was made for that wide canvas. The header image was sized to look impressive at 1920 pixels across. The navigation menu fit comfortably with six items spread out in a row. The columns of text and photos were balanced for a screen with plenty of room.
None of that translates automatically to a 390 pixel phone screen. The site has to be told, in code, what to do when the screen gets narrower. Stack the columns. Shrink the header. Collapse the menu into a hamburger icon. Make the buttons big enough to tap with a thumb. Make the text large enough to read without zooming.
If those instructions are missing or written poorly, your phone takes its best guess. And its best guess is usually to shrink the whole desktop layout down to fit on the screen, which is why everything looks like it is being viewed through the wrong end of a telescope.
Why this is way bigger than just looking bad
Here is the part that should get your attention if you care about your business showing up on Google. Since 2024, Google indexes the mobile version of your website first, period. That means when Google decides where to rank your site for any search, including searches done on a desktop, it is looking at your mobile site to make that call.
If your mobile site is broken, slow, missing content, or hard to use, Google rolls those problems into the score it uses for every search result, on every device. Your gorgeous desktop site does not save you. The mobile version is what Google sees, and the mobile version is what Google judges.
There is a second reason this matters that is more immediate. Right around 60 to 70 percent of all web traffic in the United States now comes from phones, and for local service searches that number is even higher. When someone in Opelousas googles roofing contractors near me, they are doing it on their phone, in their truck, in their driveway, while they look up at the damage. If your site loads, looks broken, and they can't find your phone number in three seconds, they are gone. They are calling the next contractor on the list.
The most common reasons it looks bad
Over the last few years I have probably fixed this exact problem dozens of times. Most of the time, it comes down to a handful of issues that show up over and over.
The site was not built responsively in the first place. This is the big one. Responsive design is the standard practice where the site is built once, on a single URL, but with rules that tell the browser how to rearrange the layout for different screen sizes. If your site was built without those rules, or with rules that were never tested on real phones, mobile is going to look like an afterthought because that is exactly what it was.
Fixed widths instead of flexible ones. This is a coding mistake where elements on the page were given specific pixel widths, like 1200 pixels wide, instead of being told to fill the available space. A 1200 pixel wide image on a 390 pixel phone screen creates that horrible horizontal scroll where users have to drag the page left and right just to read it.
Tiny tap targets. Buttons and links need to be big enough to hit with a thumb without missing. Google recommends 48 pixels by 48 pixels as a minimum. Tiny menu items crammed together feel fine with a mouse pointer but are infuriating on a phone, and Google flags them as a usability problem.
Text that is too small. Anything under 16 pixels on mobile is too small. Users will pinch to zoom, which is bad enough on its own, but they will also bounce off the page because it feels like work to read.
Massive header images and hero sections that eat the whole screen. A hero section that takes up two thirds of a desktop screen takes up the entire phone screen, which means users have to scroll past it before they see a single piece of useful content. By then, half of them are already gone.
Popups that cover everything. A newsletter popup that takes up a quarter of a desktop screen takes up 90 percent of a phone screen. Google specifically penalizes intrusive interstitials on mobile.
Slow loading on a phone connection. Your laptop is on fast wifi. Your customer is on their phone in a parking lot with two bars of LTE. Heavy images, bloated plugins, and uncompressed code can make a site that loads in two seconds on your desktop take ten seconds on their phone. Google measures mobile loading speed as a direct ranking factor.
How to actually check your own site
Before you spend any money fixing anything, you need to know what is wrong. Here is how I check a site in about five minutes.
First, pull it up on your phone. Not in the desktop browser with the window squeezed narrow. Actually on your phone. Tap through every page. Try to use the contact form. Try to call your own business from the site. Try to find your hours. Note every place where you have to zoom, scroll sideways, or hunt for something.
Second, run it through Google's free PageSpeed Insights tool. You can find it at pagespeed.web.dev. Paste in your URL, wait a minute, and look at the mobile score, not the desktop one. Anything under 70 is a problem. Under 50 is hurting your rankings right now.
Third, check Google Search Console if you have it set up. The Core Web Vitals report and the Page Experience report will both tell you specifically which pages Google considers broken on mobile. If you don't have Search Console set up, that is something every business owner should fix this week regardless.
Fourth, ask a couple of people who are not you to try to do something on your site from their phone. Watch them. Don't help them. You will learn more in two minutes of watching a customer struggle than from any tool.
What it takes to actually fix it
There are basically three levels of fixes, depending on how bad it is.
Level one is the cheap path. If your site is built on a modern platform like WordPress with a current theme, most mobile issues can be patched by adjusting settings, swapping out a problematic plugin, compressing images, fixing a few CSS rules, and cleaning up the menu structure. A few hours of work in most cases. If you have a developer or a freelancer you already work with, this might be a one or two hour project.
Level two is the partial rebuild. This is for sites that were built recently on a decent foundation but have accumulated enough problems that fixing them one at a time would take longer than just redoing the layout properly. Usually we are talking about rebuilding the homepage and a few key pages with proper responsive design while leaving the rest of the site alone. A few days of work.
Level three is the full rebuild. This is for sites that are older than five or six years, or built on a platform that does not support mobile well, or have been patched so many times that the underlying code is a mess. Trying to fix these is more expensive and time consuming than starting over with a modern foundation. Hard for a business owner to hear, but I tell people the truth on this one. Paying to patch a site that needs to be replaced is throwing money away.
What I do differently with the sites I build
When I build a website for a roofer or an insurance agency or a contractor, I am building it on a phone first. The layout I design starts narrow and stacked, with everything touchable, every button big enough to thumb, every block of text readable without zooming. Then I add the rules that let it expand and rearrange properly when it loads on a tablet or desktop.
This is the opposite of how most amateur sites get built, and it is the reason my clients' sites tend to outperform their competitors' sites on local search. Not because of magic, but because Google has been rewarding mobile first design for years and most local businesses still have not caught up.
I also test every site on actual phones before it goes live. Not just my own phone. iPhones, Androids, different screen sizes, different browsers. The difference between a site that was tested on real devices and one that was only checked in a desktop browser is night and day, and Google can tell the difference too.
If you take one thing away from this
Pull your site up on your phone right now. Try to call your business from it. Try to fill out your contact form. If either of those takes more than a couple of seconds or feels frustrating, that is your customers' experience too. And every day that goes by without fixing it is leads going to the next business on the search results page.
If you want a straight answer on what your site needs and what it would cost to fix it, that is what I do for a living. Reach out for a free site audit and I will tell you exactly what is going on, what it would take to fix, and whether it makes more sense to patch or rebuild. No pressure, no upsell pitch, just a real answer from someone who builds these for Louisiana businesses every week.