Help centreTesserae
Header and footer

Mega menus

Five mega menu layouts built from your Shopify navigation, with promotions and a highlighted link.

Add a mega menu

Add a Mega menu block to the header and type the heading of a top-level menu item that has child links in Menu item. The heading must match the menu item exactly.

Layouts

Link columns
Two menu levels. Child links in columns.
Image columns
Child links that point to collections. Each collection’s image above its links.
Tabbed
Three menu levels. Second-level items as tabs, the third level inside.
Featured products
A product collection. Its products beside the links.
Sub-menu columns
Three menu levels. Second-level headings with third-level links under each.

Image columns

A mega menu with a row of collection images, each above its link, and two promotion images on the right
Image columns with two promotions (Tesserae).
A mega menu with link columns on the left and three product cards with prices and swatches on the right
Featured products (Cairn).

Tabbed

A mega menu with Pantry, Preserves, Gifts and Featured tabs on the left, the open tab's links beside them and two promotion images with text overlays
Tabbed, with promotion text overlays (Harvest).
A mega menu with two promotion images on the left and three columns of links
Link columns with promotions placed first (Rosewater).
A content-width mega menu with Shop by room and Collections headings, links under each, a highlighted Sale link and a promotion image
Sub-menu columns at content width, with a highlighted link (Walnut).

Promotions and highlights

Each mega menu can carry up to three promotions (image, heading, link and optional button label), a Highlighted link shown in the accent colour such as Sale, and a Panel width of Full width or Content width.