Add custom cards to mega menu

A guide to showcase custom image cards in your mega menu

Make your mega menu more engaging with fully customizable content cards. Use this block to feature seasonal promotions, highlight collections, or create visually rich navigation that goes beyond links.

How to add Custom cards to the mega menu

Steps:

1. In the Header section, click Add block.

2. Select Custom cards (Mega menu).

3. In the Menu title field, type the exact name of the menu item this block should appear under.

4. Add images, text, links, and styling for each card.

5. Customize layout, width, and color scheme.

6. Save your changes.

⚙️ Block settings

Setting	What it does
Menu title	Determines which main menu item this banner belongs to. It must exactly match the menu title.
Container	Inherit from header or apply independent layout rules.
Desktop menu columns	Set how many columns are shown in the dropdown layout.
Width (%)	Adjust the horizontal space the card section takes in the mega menu.
Color scheme	Choose the background + text color theme for the card
Image	Upload an image that appears on the card.
Card content	To each image, add text content and a button.

💡 Pro tips

• This block is perfect for mixing image + copy + CTA inside your dropdown.

• You can add up to 6 custom cards in one block for a grid-like layout.

✅ Want to show multiple products or collections instead? Try Products list or Collections list blocks.

Add products to mega menuAdd collections to mega menu