A café owner in Watchet rang me last month, frustrated that customers couldn't find her opening hours on mobile. "Marcus, people keep calling to ask when we're open, but it's right there on the website!" she said. I pulled up her site on my phone, and immediately saw the problem. Her desktop menu — all seven items of it — had been squashed into a tiny row across the top of the screen. The text was so small you'd need a magnifying glass to read it.

This happens all the time. I've been building websites since the 1980s, and in the last decade, I've watched businesses across Devon struggle with the same issue: their website menus look brilliant on a computer but turn into an unusable mess on phones. And here's the kicker — over 60% of their visitors are on mobile devices.

The Desktop Menu Disaster on Mobile Screens

Let me paint you a picture. You've got a lovely desktop website with a horizontal menu across the top: Home, About Us, Our Services, Gallery, Testimonials, Contact, Blog. Looks professional on a 24-inch monitor. But squeeze that same menu onto a 6-inch phone screen, and what happens?

The text shrinks to ant-size proportions. Links overlap. Your fingers are too fat to tap the right option. You end up on the wrong page, get frustrated, and leave. I've watched it happen during user testing sessions — people literally give up and Google your competitor instead.

Mobile Usage in the South West

According to my Google Analytics data across 50+ Devon and Somerset business websites, mobile traffic averages 62% in 2024, up from 45% just five years ago. For restaurants and B&Bs, it's often over 70%.

A plumber in Taunton showed me his website analytics a few months back. His bounce rate on mobile was 78% — that means nearly 8 out of 10 mobile visitors left immediately. We dug deeper and found people were clicking his logo repeatedly, expecting a menu to appear. They didn't realise they had to scroll sideways to see his tiny menu items. Sideways! On a phone!

Why Traditional Menus Fail on Phones

Here's what most people don't realise about mobile website menu design: your thumb can only comfortably reach about a third of the screen. Apple figured this out years ago, which is why important buttons on iPhones sit at the bottom of the screen, not the top.

Traditional horizontal menus ignore this completely. They cram everything into a narrow strip at the very top of the page — the hardest place to reach one-handed. Ever tried tapping a tiny "Services" link while walking down Minehead High Street with a coffee in your other hand? Good luck with that.

The Fat Finger Problem

Google's own research says touch targets should be at least 48 pixels square. I measured dozens of Devon business websites last year, and most had menu links under 30 pixels tall. That's why you keep tapping "About Us" when you meant to hit "Contact". Your finger isn't the problem — the design is.

Quick Test: Open your website on your phone right now. Try tapping each menu item with your thumb while holding the phone one-handed. If you miss even once, you've got a problem.

Enter the Hamburger Menu (Those Three Little Lines)

You know those three horizontal lines you see on mobile websites? That's a hamburger menu. Silly name, I know, but it's stuck. And despite what some designers might tell you, it's still the best solution for most small business websites.

Here's why it works: instead of squashing everything into an unreadable row, the hamburger icon opens up a full-screen menu. Suddenly, each link has breathing room. The text is readable. Your thumb can actually hit the right option. Revolutionary, right?

I converted a B&B website in Minehead to a hamburger menu about six months ago. The owner rang me two weeks later: "Marcus, something's broken — I'm getting twice as many booking enquiries!" Nothing was broken. People could finally find her booking page on their phones.

Making Hamburger Menus Work Properly

But here's where DIY website builders often get it wrong. They'll give you a hamburger menu, sure, but it's usually rubbish. Tiny icon in the corner. No label. Weird animation that takes forever. I've seen some that don't even work on older phones.

A proper mobile menu needs:

Real Examples from Devon Businesses

Let me show you what I mean with real examples. A holiday cottage company near Exmoor came to me earlier this year with abysmal mobile bookings. Their desktop site had a gorgeous menu with dropdown submenus — "Properties", then "Cottages", "Apartments", "Pet-Friendly", etc. Worked beautifully with a mouse.

On mobile? Absolute disaster. The dropdowns appeared on hover, but phones don't have hover! Mobile users couldn't access 80% of the website. We switched to a hamburger menu with clear sections and simple taps instead of hovers. Mobile bookings jumped 40% in two months.

Common Mistake: Using "hover" effects in mobile menus. Phones don't have mice! If your menu relies on hovering, mobile users are stuck.

Another example: a shop in Bridgwater had their phone number in the desktop menu. Made sense — it was always visible. But on mobile, the number got shortened to "01278 4..." because it wouldn't fit. Customers couldn't even ring them! We moved it to a prominent button below the hamburger menu, and calls increased immediately.

Beyond Hamburgers: Other Mobile Menu Options

Now, hamburger menus aren't the only solution. Depending on your business, other options might work better:

Bottom Navigation Bars

If you've only got 4-5 main pages, consider a bottom navigation bar. Like apps such as Facebook or Instagram, important links sit at the bottom of the screen where thumbs can easily reach them. I used this for a restaurant in Watchet — just four icons: Menu, Book, Find Us, Call. Simple and effective.

Sticky "Call to Action" Bars

For service businesses, sometimes you don't need a complex menu at all. A plumber doesn't need eight navigation options — they need people to ring them. A sticky bar with "Call Now" and "Get Quote" might be all you need. I've done this for several trades in Somerset with great results.

Progressive Disclosure

This is a fancy term for "don't show everything at once". Start with broad categories, then reveal more options as needed. Works brilliantly for businesses with lots of services. A computer repair shop in Taunton uses this — tap "Services", then choose "Home" or "Business", then see relevant options. Much cleaner than listing all 20 services in one massive menu.

The Cost of Poor Mobile Menus

A 2023 study by Baymard Institute found that 94% of websites have mobile usability issues, with navigation being the top complaint. Poor mobile experience costs UK businesses an estimated £29 billion in lost sales annually.

Testing Your Mobile Menu (The Right Way)

Here's something most web designers won't tell you: testing your menu on your own phone isn't enough. You know where everything is. You need fresh eyes.

Last month, I sat in a café in Williton watching the owner's mum try to use his new website. She couldn't find the menu (the food menu, not the navigation menu — confusing, isn't it?). Turned out the hamburger icon was light grey on a white background. Nearly invisible to older eyes. We made it black, problem solved.

Get different people to test your mobile menu:

Watch them try to find specific information. Don't help. Just observe where they struggle. It's painful but enlightening.

Making Mobile Menus That Actually Work

After 40 years in this business and hundreds of websites across Devon and Somerset, here's what I've learned about mobile menu design:

Keep it simple. Your mobile menu doesn't need every single page from your desktop site. Pick the essentials. A B&B needs: Rooms, Availability, Location, Contact. That's it. Save the "History of the Building" page for desktop users who have time to browse.

Make it obvious. That hamburger icon needs to scream "I'M THE MENU!" Use a proper icon, add the word "MENU", make it a decent size. I don't care if it's not "elegant" — elegant doesn't pay the bills when customers can't navigate your site.

Think thumb-first. Every link should be easily tappable with a thumb while holding the phone one-handed. If you need to use two hands or precise finger placement, you've failed.

Test on real phones. Not just your phone. Not just new phones. Borrow your neighbour's three-year-old Android. Check your dad's iPhone 8. These are the phones your customers use.

Free Tool: Google's Mobile-Friendly Test (search for it) shows exactly how your site looks on mobile and highlights problems. Run it now — you might be surprised.

Look, I know this might seem like a lot of fuss about menus. But here's the thing: your menu is the front door to your website. If people can't open the door, they can't buy from you. It's that simple.

I had a customer in Porlock tell me last week that fixing her mobile menu was the best £500 she'd spent on her business. Her mobile enquiries tripled. Not because we did anything fancy — we just made it possible for people to find what they needed.

Your competitors might have fancier websites or bigger marketing budgets. But if customers can navigate your site easily on their phones while they can't figure out theirs? You win. And in a world where everyone's glued to their phones, that's a massive advantage.

If you're reading this on your phone right now, take a look at your own website. Can you honestly say it's easy to navigate? If not, maybe it's time we had a chat over a cuppa. Because every day you wait is another day of frustrated customers going elsewhere.

Sources