Navigation is one of those things people only notice when it's broken. Get it right and visitors glide through your site without a second thought; get it wrong and they leave feeling confused. Here are the navigation patterns worth knowing about.
Key takeaways
- Many visitors reach for the navigation menu to orient themselves as soon as they land, so it's doing important work from the very first moment.
- Sticky (fixed) navbars keep your menu within reach as people scroll — handy on long pages and on mobile.
- Mega menus suit large, content-heavy sites; on small sites they just leave empty space.
- Vertical and creative navigation can help a brand stand out, but familiarity still matters.
- Whatever style you choose, clarity wins — visitors should always know where they are and where they can go.
Website design has grown a lot over the years, and navigation has grown right along with it. It matters more than most people realise: when someone lands on a company website from a referral link, a large share of visitors use the navigation menu straight away to get their bearings and introduce themselves to the brand. Leave them feeling lost and they won't hang around. So let's look at the navigation patterns that help people find their way — most of these work well across all kinds of websites.
Fixed (sticky) navigation bars
Navigation is simply what gets a visitor from point A to point B. It used to be that the menu bar scrolled away with the rest of the page; now it's common for the menu to stay fixed to the top as you scroll. That means people can jump somewhere new from any position on the page, which is genuinely handy — especially on mobile, where users no longer have to swipe all the way back to the top just to browse further.
There are a few good reasons to use a sticky navbar:
- If you have a lot of navigation items, it gives people an easier experience — and user experience matters enormously in design.
- It lets visitors move around quickly, which tends to keep them on your site longer. If navigating takes too long, patience runs out and they leave.
- It can help lift your total page views as people explore more freely.
Just don't let the bar take up too much room. It shouldn't be so large that it blocks big chunks of your content.
Universal navigation
Plenty of companies run more than one brand. If those brands aren't connected in any real way, there's no reason to link them and separate sites make sense. But if they are related, universal navigation is worth considering. It's mostly used by organisations with large networks, giving them a way to connect related websites that each still have their own main navigation.
A few things to keep in mind if you go this route:
- Sites made up of several subsites should carry a universal-navigation element on each one.
- Keep the focus on each subsite's own main navigation — don't let the universal menu pull attention away from the content people actually came for.
- Build a clear sense of hierarchy, especially if two navigation bars are on show at once.
- Placing your logo in the top-left corner is a well-established way to help people get back to the home page, so link it to the main site's homepage.
- On mobile, deemphasise the universal links. Space is scarce, and it's wasteful to fill it with menus people rarely tap.
Many visitors won't use universal navigation much, and that's fine — it isn't there to chase clicks. Its job is to provide a clear structure so people can find things when they need to, without feeling frustrated or lost.
Mega menus
For large sites with a lot of pages, a mega menu can help. Think magazine-style blogs or news sites — places with so much content that visitors need a clear way through it. Done well, a mega menu lets people reach what they want in fewer clicks; done carelessly, the sheer number of links can overwhelm.
Unlike a standard dropdown, a mega menu doesn't just flow straight down — it spreads content across multiple columns for each category. For that to work, you need enough content to fill it; empty space in a mega menu helps no one. Keep in mind, too, that these are mostly a desktop feature and don't translate well to mobile. Large retailers, magazines and busy blogs are the usual candidates, because visitors can skim related content in the menu and get a feel for the brand.
Before you build one: take an honest look at how much content you actually have. A mega menu only earns its place when there's genuinely a lot to organise — otherwise a simple, tidy menu will serve your visitors better.
Vertical and creative navigation
Most menus run horizontally across the page — a habit inherited from the days when monitors were wider than they were tall, and now simply what people expect to see. But vertical sliding navigation has become popular too, especially on portfolio sites and creative agency sites keen to push the boundaries a little. Being playful with design is often what sparks a trend in the first place. On a practical level, we also have more screen space to work with these days, so vertical menus are more viable than they once were.
A couple of common styles:
- The hamburger menu — very familiar from mobile and responsive design.
- A two-column layout, with navigation filling one of the columns. This gives you a different kind of shape to design the rest of the site around.
Don't be afraid to experiment here. There's nothing wrong with a bit of curiosity if it helps your brand stand out from competitors — just weigh the creativity against how easily people can actually find their way.
Responsive sub-nav menus
There's no avoiding mobile-responsive navigation — searching on mobile keeps climbing year after year. A common approach is to hide some links on the mobile version so the menu fits neatly. But a better pattern keeps all the navigation items available inside dropdowns, opened with a hamburger icon and toggle controls.
Keeping those links in place gives visitors a better chance to browse around and stay longer. The one rule: make each sub-menu obvious. Use an icon, a colour change or some visual cue so people know that tapping will open more links, rather than leaving them guessing.
There are plenty more navigation patterns out there, but whichever you choose, the priority is the same — clear navigation that minimises cognitive friction. It's all about sharing information and helping people complete tasks easily. Keep in mind where the visitor is, where they need to go, and where they've already been, and you'll rarely go wrong.
Website navigation FAQs
Quick answers to the questions that come up most often about navigation design.
A sticky (or fixed) navbar stays visible at the top of the screen as the visitor scrolls, instead of disappearing off the page. It lets people jump to another section from anywhere without scrolling back up, which is especially helpful on long pages and on mobile.
Mega menus suit large sites with lots of pages to organise, like online stores, magazines or news sites. They show many links across multiple columns so visitors can reach content in fewer clicks. If your site is small, a mega menu will only leave awkward empty space — a simple menu is better.
On mobile, space is tight, so navigation is usually tucked behind a hamburger icon that opens the full menu. The key is to keep it clear: use icons or visual cues so people know which items expand into sub-menus, and try not to hide important links entirely.
Good navigation is clear and reduces effort. Visitors should always know where they are, where they can go and how to get back. Whatever style you choose, the goal is the same: help people find information and complete tasks without friction, so they stay rather than leave.
