Navigation is the one design element every visitor touches and the one most often decided by internal politics. The result is a menu with nine items named after departments. Here is what works instead.
Keep top-level navigation to between four and seven items, label them with words your customers use rather than internal department names, and put your primary action in the top right as a button rather than a link. Every extra item dilutes the ones that matter, which is why adding a link is rarely free.
How many items belong in the menu
Between four and seven. Below four and you are probably hiding things people need. Above seven and the menu becomes a wall that visitors scan past rather than read.
The hard part is not the number, it is the negotiation. Every department wants its page in the menu. The honest test is whether a first-time visitor needs it to make a decision. Careers, press and investor pages almost never pass that test, which is why they belong in the footer.
Name things the way customers do
Menus fail most often on language. Internal names leak into public navigation and visitors have to guess.
| Avoid | Use instead | Why |
|---|---|---|
| Solutions | What we do, or the actual service names | Solutions means nothing to a first-time visitor |
| Resources | Guides, or Blog | Resources is a filing cabinet, not a promise |
| Our Approach | How it works | Describes the visitor's question, not your process |
| Portfolio | Work, or Case studies | Both are clearer and more common |
| Get Started | Book a call, or Get a quote | Say what actually happens next |
Where things go
- Logo top left, linking to the homepage. This is a convention older than most sites and breaking it helps nobody.
- Primary action top right, styled as a button so it reads as an action rather than a link.
- Current section indicated visually so people know where they are.
- Footer carries the secondary material: legal, careers, full service list, contact details.
- On mobile, a hamburger is acceptable, but anything critical should also exist as a visible button.
Dropdowns, mega menus and when to use them
Dropdowns are fine when you have genuinely nested content and terrible when they hide your main pages. If a section has three or fewer children, consider linking straight to a landing page that lists them instead.
Mega menus suit large catalogues and e-commerce. For a service business with eight pages, a mega menu is a solution looking for a problem, and on mobile it collapses into an unreadable list anyway.
The mistakes that cost enquiries
- Hiding the phone number. If people call you, make it tappable and visible on every page.
- Nine menu items, so nothing stands out.
- A hamburger menu on desktop, which reduces engagement for no benefit.
- Hover-only dropdowns, which do not exist on touch devices.
- No visible current state, so people lose their place.
- Navigation that changes between pages, which makes the site feel broken.
Frequently asked questions
How many items should a website menu have?
Between four and seven at the top level. Fewer and you may be hiding something people need; more and visitors stop reading the menu as a set of choices and start scanning past it. Secondary items belong in the footer.
Should I use a hamburger menu on desktop?
No. On desktop there is room for a visible menu, and hiding it consistently reduces how many people use it. Hamburgers are a mobile compromise, not a design style.
Where should the call to action go?
Top right of the header, styled as a button so it reads as an action. Repeat it at the end of long pages. Visitors look to the top right for the primary action because almost every site puts it there.
Should the menu be sticky?
Usually yes on desktop, where a slim sticky header keeps navigation and the primary action reachable. On mobile be careful, since a sticky header eats scarce vertical space. Many sites hide it on scroll down and reveal it on scroll up.
Do dropdown menus hurt SEO?
No, provided the links are real anchors in the HTML rather than generated only on interaction. What can hurt is burying important pages several levels deep, since pages further from the homepage tend to be crawled less often and pass less authority.