On a phone the entire site sits behind one tap, so how many people take it decides whether anything beyond the landing page is seen. A labelled icon, a short list, and the phone number outside the menu rather than inside it are the changes that matter most.

What the menu is actually doing

Most visitors arrive on one page from search and never see the homepage. The menu is their only route to everything else.

On a desktop the options are visible, so the cost of that route is zero. On a phone they are hidden behind an icon, so every page beyond the landing one requires a deliberate action first.

That single tap is a bigger filter than most site owners realise, and improving how many people take it improves everything downstream.

Label the icon

The cheapest improvement available.

Three lines is widely recognised now, and adding the word menu beside it still measurably increases how many people open it. The effect is largest among older visitors, who for most trades and professional services are the ones with the property and the budget.

It costs four characters of space and it is the highest-return change on this list.

How many items

Five to seven top-level items. Beyond that, an opened menu becomes a scrolling list requiring its own decision.

A site with fourteen services does not need fourteen menu items. It needs Services as one item leading to a page that organises them, which is a better experience than a menu that scrolls.

The items should also be the ones people actually want. Services, Areas, About, Contact, and possibly Reviews covers most service businesses. A menu including Terms, Privacy, and Sitemap is spending its limited slots on pages nobody navigates to deliberately.

The phone number goes outside the menu

The most common structural mistake.

Burying the phone number inside the menu means a visitor ready to call must first open a menu to find it. Some will not.

The number belongs in the header itself, always visible, as a tappable link. On a narrow screen that means the header carries a small logo, the number or a call icon, and the menu button, which fits comfortably.

This is worth more than anything else in this article for a trade where people call rather than fill in forms.

Nested menus

Avoid them on a phone where possible.

A menu item that expands into a sublist adds a step and frequently hides the parent page, so someone wanting the Services overview cannot reach it because tapping Services only expands the list.

Where a submenu is genuinely needed, the parent should be reachable as well as expandable, with the expand control separate from the link. Where it is not needed, a flat list going one level deep is easier to use.

Two levels is the maximum. Three on a phone is a navigation problem rather than a structure.

How it opens and closes

That last point is regularly missed, and it is what turns a menu into a trap for anyone navigating by keyboard or using assistive software.

Sticky headers

A header that stays visible while scrolling keeps the menu and the phone number reachable from anywhere on a long page, which is genuinely useful.

The cost is vertical space, which is scarce on a phone. A sticky header taking a quarter of the screen is taking it from the content.

The workable version is a compact sticky header carrying only the essentials, or one that hides when scrolling down and reappears when scrolling up, which preserves the space while keeping the controls a small gesture away.

What to put at the bottom of the menu

Once it is open, the space below the navigation items is useful and usually empty.

The phone number again, the service area, and the hours all belong there. Someone who opened the menu is looking for something, and those three are what they are most often looking for.

The test

On your own phone, land on a service page as a visitor would, and try to reach a different service.

Count the taps and notice whether anything is ambiguous. Then try to call the business without opening the menu.

If the second is not possible, that is the change to make first, and it is a header change rather than a redesign. The icon question underneath it is the same one covered in icons and when they actually help.

Frequently asked questions

Why does the mobile menu matter so much?

Most visitors arrive on one page from search, so the menu is their only route to everything else, and on a phone it sits behind a tap that many people never take.

Should the menu icon have a label?

Yes. Adding the word menu beside the three lines measurably increases how many people open it, with the largest effect among older visitors.

How many menu items should there be?

Five to seven at the top level. A site with fourteen services needs one Services item leading to a page that organises them, not fourteen menu entries.

Where should the phone number go?

In the header itself, always visible and tappable, not inside the menu. A visitor ready to call should not have to open a menu to find the number.

Are nested menus acceptable on a phone?

Two levels at most, and the parent page should stay reachable as well as expandable. Otherwise tapping Services only opens a list and the overview page becomes unreachable.

What is usually missed technically?

Moving keyboard focus into the menu when it opens and returning it when it closes, which is what makes the menu usable without a mouse rather than a trap.

West Coast Media Solutions Inc. provides web design, web development, hosting, digital marketing, and business consulting to organisations across Canada, drawing on more than twenty-five years in the field.

Phone number hidden inside your mobile menu?

We move it into the header where it is always tappable, which is usually the single biggest change available on a phone.

Start a Conversation