HTML Mega Menu Templates

A "Solutions" mega menu with role tabs on the left; each tab shows its own links and a customer quote. Hover or arrow keys switch tabs.

A shop header with promo strip and two mega menus (Women, Men): link columns plus image tiles for featured edits.

Three columns of resource links with icons and descriptions, a latest-article card, and a footer strip with status and newsletter link.

A full-width dark "Work" menu with oversized project names; hovering or focusing a project swaps the preview image on the right.

A classic corporate dropdown with cascading submenus. Opens on hover or click; arrow keys move in and out of levels.

An off-canvas menu that slides in from the left with drill-down levels and a back button, plus featured cards. Works on desktop and phones.

A page header with breadcrumbs, then an in-page sub-navigation that sticks on scroll, highlights the current section and reveals a CTA.

For trades and local services: top contact bar, a "Services" mega menu with icons and starting prices plus an emergency card, and a service-areas dropdown.

A two-row store header: big search bar on top, and an "All departments" button that opens a vertical list with flyout subcategories, brands and a promo.

A "Developers" mega menu for APIs and dev tools: doc links with icons, a code snippet with copy button, live status and the latest changelog entries.

A university header with a utility row and a "Study" mega menu: study level cards, a course search box, subject chips and an open-day card with date.

A tour operator header with a "Destinations" mega menu: region tabs across the top, destination cards with prices, and a column of trip styles and a deal.

A homeware shop header with a "Shop by room" mega menu made of round illustrated category tiles, "shop by style" chips and a seasonal edit banner.

A dark restaurant group header with a "Locations" mega menu: a card per venue with open status, hours and quick book and menu links, plus a gift card promo.

A bank header with a Personal/Business switch above the nav that swaps the menu content, a "Products" mega menu with columns and a live rates table, plus log-in.

A food site header with a "Recipes" mega menu: meal and diet filter chips, a quick search, three recipe cards with time and diet tags, and "what's in my fridge" link.

A hospital header with an urgent help bar and a "Find care" mega menu: service search, an A–Z letter index that filters the service list, and visiting info.

A football club header with a fixtures ticker and a "Tickets" mega menu: next match card with crests and countdown, ticket types, and membership upsell.

An app sidebar navigation: workspace switcher, nested groups that expand, unread counts, a collapse button that shrinks it to icons with tooltips, and an upgrade card.

An electronics shop header where the search box opens a full-width panel: recent and trending searches before typing, then live suggestions, categories and product matches.

A museum header with today's opening hours in the bar, a "What's on" mega with exhibition cover cards and prices, a Visit column with practical links and a ticket button.

A car dealership header with a "New cars" mega: body-type tabs swap illustrated model cards with prices, a monthly finance estimate slider and quick links for used cars, servicing and test drives.

A charity header with a "Get involved" mega: a donate panel with once/monthly switch and impact amounts inline, ways-to-give cards (fundraise, volunteer, leave a gift) and a campaign highlight.

An estate agency header whose Buy and Rent menus double as a quick search: neighbourhood list with home counts, price-range and bedroom chips, a saved-search note and a valuation prompt.

An online grocery header: a "Shop" mega with colour-coded aisle tiles, a this-week offers column, plus a delivery slot picker in the bar that shows the next free slot and basket total.

An internet provider header with a "Broadband" mega built around a postcode checker that answers instantly, three speed plan teasers with prices and a "what speed do I need" helper.

A plain, accessible local council header: skip link, text-size and language controls, a task-based "Services" mega with the most common jobs and a bin-day lookup that answers by postcode.

A boutique hotel group header with a "Hotels" mega of destination cards with prices from, and a booking bar in the menu: destination select, check-in/out dates with night count and guests.

A minimal brand header whose Menu button opens a full-screen overlay: huge serif links that preview on hover, sub-link columns, a featured story card, store search and socials. Focus is trapped while open.

An app top bar with a workspace switcher dropdown (search, current workspace tick, create new), breadcrumb, a notifications bell with unread count and an account menu with plan usage and theme.