Mobile-first does not mean “it also fits on a phone”. It means the small screen is the normal screen — and the desktop is the exception.
That changes the order of decisions: what comes first, what gets cut, how large the button is. And crucially: Google evaluates your site based on the mobile version, not the one you look at on your desktop.
Want to see how your site looks on a phone?
Send us your address and we will return a review of where you are losing enquiries.
What actually changes in the layout
It is not “the same things, smaller”. It is a different hierarchy.
| Element | On desktop | On mobile |
|---|---|---|
| Contact | At the top | A visible call button, always |
| Menu | Horizontal, all visible | 5–7 items, not 15 |
| Columns | 2–3 side by side | One, in priority order |
| Tables | Complete | Stacked or scrollable |
| Images | Large, decorative | Few, functional |
| Text | Paragraphs of 5–6 lines | 2–3 sentences |
The first row is the most profitable change for a local business. A “Call” button that stays put as you scroll converts better than any design improvement.
The sizes that matter
Three numbers that solve half the problems:
- Buttons and links: at least 44×44 pixels. Smaller and people tap the wrong thing.
- Spacing between tap targets: 8 pixels and up. Two links pressed together guarantee mis-taps.
- Text: from 16 pixels. Below that, the phone zooms on its own and the layout breaks.
And one positioning rule: whatever gets tapped often belongs in the lower half of the screen. That is where a thumb reaches without regripping.
Forms: where the enquiries disappear
A form that takes 20 seconds on a desktop takes two minutes on a phone — if it is built wrong.
What you can fix today:
- Fewer fields. A name and a phone number are enough to start the conversation.
- The right keyboard per field. Numeric for phone, email for email. It is one setting.
- Autofill enabled. Nobody should type an address from scratch.
- Errors shown beside the field, not as a message at the top after submitting.
- One field per row. Two side by side do not work on a narrow screen.
The second is the most underrated: when a letter keyboard opens for a phone number, a proportion of users give up right there.
The overall structure of a page that converts is in landing pages.
Menus and navigation
A hidden (“hamburger”) menu is not wrong, but it hides options. So:
- The 5–7 most important items inside the menu, nothing else.
- The two critical actions outside the menu: call, and your main service.
- Visible search if you have more than 30 pages or products.
- A way back on every page, so nobody depends on the browser’s back button.
If your site includes an e-shop, category structure changes everything on mobile — see what a page needs in the local business website checklist.
What mobile-first indexing means for you
Google crawls and evaluates mainly the mobile version. In practice:
- Whatever you hide on mobile may not count. If you cut copy to save space, you cut it from the evaluation too.
- The same information must exist in both versions: headings, descriptions, structured data.
- Images need alt text in the small version as well.
The usual reason for a drop after a redesign is exactly this: the new site is prettier and has half the copy.
Want a check before a redesign?
Tell us what you are planning and we will tell you what has to be preserved.
The 60-second test
Do it now, on your own phone, on mobile data rather than wifi.
- Open the home page. Can you tell what the business does without scrolling?
- Find the phone number. How many taps? More than one is a problem.
- Press a button with your thumb. Did you hit it first time?
- Read a paragraph. Did you need to zoom?
- Fill in the form. Did the right keyboard open?
- Open a service or product page. Is the price or the next step visible?
Every “no” is a specific fix, not a redesign. The other common failures are in website mistakes.
Frequently asked questions
My site is responsive. Is that enough?
Responsive means it adapts. Mobile-first means it was designed for that screen. Most responsive sites are shrunken desktop versions.
Do I need a separate mobile version?
No. Separate mobile addresses are an outdated practice and cause problems of their own.
What does fixing it cost?
Targeted changes (buttons, forms, menus) typically run €300–€1,200. A full redesign is a different conversation.
Is speed the same issue?
Related but distinct. A site can load quickly and still be unusable on a phone — see website speed.
What about PDFs?
A poor experience on mobile. Anything meant to be read becomes a proper page; PDFs stay for downloads only.
The first step
Hand your phone to somebody who does not know your business and ask them to find how to contact you. Do not help.
Whatever slowed them down slows every customer down too — they just leave without telling you.
Next step
Book a free 30-minute call with the team at The Dev Alley. We will look at your site on a phone and show you what can be fixed quickly.