Mega Menu Nav
A sticky navbar with its product mega menu expanded inline: two icon link columns and a featured update card, collapsing to a mobile sheet.
A sticky navbar with its product mega menu expanded inline: two icon link columns and a featured update card, collapsing to a mobile sheet.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Mega Menu Nav pairs a sticky top bar with its Product menu already expanded as an inline panel. The bar carries the logo, an active Product link, four more inline links, and a ghost sign in beside a solid CTA. The panel beneath splits into three columns: a Platform list of four icon tiles, a By team list of two tiles under a browse all link, and a featured card with a New badge announcing a product update. On mobile everything folds into a slide in sheet.
The three link sets are separate arrays, and the sheet lists the primary links so nothing is lost on small screens. The panel is a static in flow blueprint rather than a live dropdown, so it renders in the preview without any portal and shows the full menu at rest. Swap the icon tiles and the featured card for your own surfaces.
Reach for this block when the product has enough surface area that a flat link row hides it: platforms with several modules, or suites where each area deserves a one line description. It carries more structure than standard-sticky-nav and reads as a considered information architecture, so use it when the menu itself is part of the pitch rather than an afterthought.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is a multi module SaaS platform where each area needs its own tile. Other fits:
Tip: keep each tile description to one line, the panel reads as a map only when the columns stay evenly weighted.