Why Most Coaches Build Their Website on a Desktop and Miss Mobile Issues

You sit down at your desk with your coffee, open your laptop, and your website looks beautiful. The colors pop. The text is perfectly spaced. Your photos are crystal clear. You feel proud. You refresh the page a few times, move your mouse around, click your buttons. Everything works. Everything flows.

Then you pull out your phone.

And suddenly, everything is wrong.

The text is tiny. Your hero image is cut off at a weird angle. The buttons are too close together and impossible to tap. Half of your navigation menu disappeared. The whole thing looks cluttered and wrong, like someone took your lovely website and crammed it into a shoebox.

You feel a little sick. You tell yourself you’ll fix it next week. Then next month. Then you stop looking at your phone version altogether because it’s too stressful.

I know this feeling so well, because I see it all the time. And I want you to know something: this isn’t your fault. This is a very specific blind spot that happens when you build (or have someone build) your website from a desktop perspective first. Mobile doesn’t feel real until you’re actually looking at it on a phone, and by then, the whole thing is built.

Here’s the thing though, and this is important: this is one of the biggest opportunities I see in websites right now. Not a failure. Not a disaster. An opportunity. Because fixing this changes everything about how people experience your business.

The Desktop Trap Is Real (And You’re Not Falling Into It on Purpose)

Let me paint a picture of how this usually happens, because it’s almost always the same story.

You build your website on a desktop. If you’re using a website builder like Squarespace or Wix, you’re clicking and dragging on a big screen. If you hired a designer, they’re probably designing on a big monitor too. Everything gets designed for that big screen first, because that’s where the work happens. That’s where you can see everything at once.

Mobile? Mobile gets treated like the afterthought. “We’ll make it mobile-responsive,” someone says, which technically means it will fit on a phone screen. But fitting on a screen and actually working on a phone are two very different things.

When you design for desktop first, you’re thinking about:
– How big can I make this header image?
– How many columns can I fit here?
– How much information can I show above the fold?
– How much white space looks good?

When you’re looking at a phone, you’re thinking about:
– Can I actually read this?
– Can I tap this button without hitting three other things?
– Can I scroll without getting lost?
– Does my thumb know where to go next?

These are completely different questions. And most coaches never switch into phone-thinking until it’s too late.

What I See Happening in Mobile Websites (And Why It Matters)

I look at a lot of websites. That’s literally my job. And when I look at how they perform on mobile, I see the same patterns over and over.

The navigation is impossible. You’ve got six menu items crammed into a tiny hamburger menu that opens and closes in confusing ways. The text is so small that your visitor’s thumb covers half the word they’re trying to read. They give up before they even start.

The images are doing weird things. Your beautiful full-width photo looks great on desktop, but on mobile it’s either stretched weird or cropped in a way that cuts off your face. Your logo might be enormous or tiny. Nothing feels intentional.

The buttons are too small (or weirdly sized). “Schedule a call with me” is a tiny blue button that’s hard to tap, and if someone accidentally taps the wrong thing three times in a row, they’re leaving your site. Done.

The text is hard to read. Font sizes that look elegant on a 27-inch monitor look microscopic on a 5-inch phone. People squint. People zoom. People leave.

The spacing feels wrong. Everything is jammed together. Paragraphs run into each other. There’s no breathing room. On a big screen, that white space looked intentional. On a phone, it just looks cramped.

Forms are a nightmare. If you have a contact form or email signup, it’s probably a pain to fill out on mobile. Tiny text fields. Dropdowns that don’t work well. Buttons that are hard to click.

None of these things mean your website is broken. It means your website was designed for one screen size and is doing its best to survive on another.

Why This Matters (Beyond Just “It Looks Bad”)

Here’s what I want you to understand: most of your potential clients are finding you on their phones.

In my experience, a lot of business owners underestimate how much phone traffic they get. You check your site on your laptop. Your partner checks it on their tablet. Your friend checks it on her phone and tells you it looks great (even if it doesn’t, because she’s being nice). So you think everyone’s seeing what you’re seeing.

But they’re not.

When someone finds your website because of a Google search, a Facebook link, or a referral text, they’re looking at it on their phone. Right then. In that moment. That’s their first impression of you.

If your site looks cluttered on their phone, they don’t think, “Oh, the designer made some mobile choices.” They think, “This person’s website looks unprofessional.” Or worse, they just leave.

And here’s the thing: you can’t see that. You can’t see someone leaving. You just see your traffic numbers and wonder why they’re not converting. You don’t know that 70% of your visitors are experiencing your website in a way that makes them want to leave.

This is the opportunity I’m talking about.

When you fix your mobile experience, you’re not just making your site look better on phones. You’re making it actually work for the place where most people are actually looking at it.

How This Usually Happens (And Why It’s Fixable)

Most of the time, this happens because of one of a few things:

Your website builder made responsive choices for you that don’t actually work. Website builders like Squarespace and Wix try to automatically shrink your desktop design down to fit a phone. Sometimes that works beautifully. Often, it doesn’t. Text gets too small. Images get weird. Layouts that made sense on a big screen look broken on a small one.

Your designer designed for desktop and handed off a “mobile version” that was never really tested. I see this a lot. Someone designs a gorgeous site on their big monitor, makes it responsive (again, meaning it fits on a phone), and then they don’t actually spend hours testing it on real phones, in real lighting, with real fingers trying to use it.

You’re using a theme or template that wasn’t built with mobile-first thinking. Lots of templates look great out of the box on desktop. Then you customize it, add your photos, add your copy, and suddenly things look really different on mobile because the template was built assuming you’d use certain image sizes or shorter copy.

Nobody sat down and actually thought through the mobile journey. What should someone see first? How do they navigate? Where do they tap? What’s the one thing you want them to do on their phone? If nobody answered those questions, the mobile site shows everything, which means nothing stands out.

The good news is that all of this is fixable. You don’t need to redesign your entire website. You need to think like someone on a phone, rebuild a few key things, and test it the way people actually use it.

What a Good Mobile Experience Actually Looks Like

Let me tell you what I do see in websites that work beautifully on mobile.

The navigation is simple. One main menu item at the top, maybe a phone number or “book a call” button, and everything else collapses into a clean hamburger menu. When you tap the menu, it’s easy to close it. The text is big enough that you can read it without squinting.

The images make sense. Hero images are either full-width and let you see the important part (your face, your message) clearly, or they’re cropped intelligently so nothing important is cut off. Logos are sized so you can recognize them. Product images are clear.

The buttons are actually tappable. The “schedule a call” button is big enough that someone’s thumb doesn’t cover it. It’s in a place you expect it to be. On some sites, it’s at the top. On others, it’s at the bottom. The important thing is that you can find it and tap it without accidentally clicking something else.

The text is readable. Font sizes are big enough that you’re not squinting. Line spacing gives your eyes room to breathe. Long paragraphs are broken up so they don’t look like a wall of text.

The spacing feels intentional. Things have room to breathe. You can tap one button without accidentally tapping another. There’s white space between sections so you know where one idea ends and another begins.

Forms are simple. If there’s a contact form, it has the minimum fields you actually need. Text fields are big. Buttons are easy to tap. The whole thing looks like it was designed for someone using one thumb, not two hands on a keyboard.

The mobile experience comes first in the design thinking. Not as an afterthought. Not as a responsive version of the desktop. The mobile journey is designed first, tested first, lived with first. Then the desktop is built to make that mobile journey even better.

How to Actually Fix This (Without Rebuilding Everything)

If you’re reading this and thinking about your own site right now, here’s what I want you to do.

Step 1: Actually look at your website on your phone.

Not your desktop browser set to “mobile view.” I mean pull out your actual phone, in actual lighting, and click through your actual website like a real person would. Click all the buttons. Try to fill out your form. See if you can navigate easily.

Sit with whatever you feel when you do this. Don’t judge yourself. Just notice.

Step 2: Identify what’s not working.

Is the navigation confusing? Are the buttons hard to tap? Is the text too small? Is there something that looks broken or weird? Write it down.

Step 3: Decide what’s worth fixing.

Not everything needs to be perfect. But certain things matter more: your navigation, your main call-to-action button, your contact form, the first thing people see. Those are worth getting right.

Step 4: Actually fix it.

If you use Squarespace or Wix, there are mobile-specific settings in the design panel. Most people never look at them. Go into your design settings and look for “mobile” or “phone” views. Test every change on your actual phone.

If you have a custom website, talk to your designer or developer about making these specific mobile improvements.

If you hired someone and they’re not responsive to mobile requests, that’s a different conversation. But most people can improve this. They just need to know it matters.

Step 5: Keep testing.

Every time you add something new, look at it on your phone. Every few months, pull up your site on your phone and see how it feels. Mobile web keeps changing. What worked beautifully two years ago might need tweaking now.

The Bigger Picture: Why Your Website Needs to Fit Your Life

Here’s something I think about a lot: your website should be designed the way you actually live, not the way you imagine other people live.

Most coaches work on their phone. You check emails on your phone. You look at analytics on your phone. You might even build or edit your website on your phone. So of course your visitors are also on their phones.

Yet we keep designing websites as if everyone’s sitting at a big desk with a mouse. That’s the blind spot.

When you fix your mobile experience, you’re not just making a technical improvement. You’re designing for reality. You’re designing for the way people actually find you, the way they actually look at you, the way they actually decide whether to work with you.

And that changes everything.

This is also one of the things I focus on when I work with coaches on their websites. Not just whether the site looks pretty, but whether it actually works for the people who are going to use it. And nine times out of ten, that means getting really intentional about the mobile experience first.

If you’re wondering whether your website is doing this well, or if you’re stuck between “it looks fine to me on my desktop” and “I’m pretty sure it’s a mess on phones but I don’t know where to start,” I can help. I make it easy. That’s literally what I do.

Learn more about how I work with coaches to build websites that actually fit their business →

Frequently Asked Questions

What does “mobile-responsive” actually mean?

Mobile-responsive means your website can shrink down and fit on a phone screen without breaking. But fitting on a screen and actually working well are different things. A mobile-responsive site might look okay on a phone, but that doesn’t mean it’s easy to use or that it looks intentional.

Do I need a separate mobile website?

No. One well-designed website that works beautifully on both desktop and mobile is better than two websites. You want one experience that’s optimized for how people actually view it, whether that’s on a phone, tablet, or desktop.

If I use Squarespace or Wix, shouldn’t it automatically look good on mobile?

It should look okay, but that doesn’t mean it looks intentional or that it converts well. These builders are designed to make things fit, not to make things perfect. You almost always need to go into the mobile settings and make deliberate choices about spacing, text size, and layout.

How often should I check my website on my phone?

I’d say every time you make a change, and at least once a month just to see how it feels. Phones change. The way people use them changes. What looked great six months ago might need tweaking now. It doesn’t take long, and it’s worth it.

If your website no longer feels like you, let’s talk about it – Book a Free Website Clarity Call with Beth →