Zest Theme
Pages Global SectionsMenu

Add custom cards to mega menu

2 min read
image

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

SettingWhat it does
Menu titleDetermines which main menu item this banner belongs to. It must exactly match the menu title.
ContainerInherit from header or apply independent layout rules.
Desktop menu columnsSet how many columns are shown in the dropdown layout.
Width (%)Adjust the horizontal space the card section takes in the mega menu.
Color schemeChoose the background + text color theme for the card
ImageUpload an image that appears on the card.
Card contentTo each image, add text content and a button.
image

πŸ’‘ 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 menu
Add collections to mega menu
Last updated