View demo store Support

Mega Menu

The Voltix theme features a flexible and visually rich Mega Menu designed to enhance navigation and improve product discovery across your storefront.

It includes the Mega menu block, which allows you to combine structured navigation lists with up to two promotional images with custom titles and links. This block is perfect for organizing large product catalogs, highlighting seasonal sales, and presenting a clean, modern layout directly inside your header.

Voltix Mega Menu Preview

How to Configure the Mega Menu

  • From your Shopify admin, go to Online Store > Themes.
  • Click Customize on the Voltix theme.
  • In the Theme Editor, select the Header section from the left sidebar.
  • Click Add Block and choose Mega menu.
  • Configure the block settings and click Save.
Voltix Mega Menu Style One Settings

How to Configure Mega Menu Settings

  • Menu item: Enter the parent menu item name where you want to apply the mega menu. Use lowercase (e.g., shop or collection). This must exactly match the title of the menu item in your main navigation menu.
  • Select Image (First Image): Upload a promotional image to display in the first image slot of the mega menu (e.g., for a "Flash Sale" banner).
  • Image title (First Image): Add a label or title to display below the first image (e.g., "Flash Sale").
  • Image link (First Image): Set the destination URL (product, collection, or page) where customers will be redirected when clicking the first image.
  • Select Image (Second Image): Upload a second promotional image to display in the second image slot (e.g., for highlighting "Wireless Speakers").
  • Image title (Second Image): Add a label or title to display below the second image (e.g., "Wireless Speakers").
  • Image link (Second Image): Set the destination URL where customers will be redirected when clicking the second image.

How To Create Nested Navigation Structure

To display columns of links in the mega menu, you must set up a multi-level nested menu structure in your Shopify Admin under Online Store > Content > Menus.

Configure your navigation with the following hierarchy:

Nested Navigation Structure

  • Level 1 (Parent): The main top-level link (e.g., "Shop") which triggers the mega menu.
  • Level 2 (Headers): The column headers within the menu (e.g., "Best seller", "New Arrivals").
  • Level 3 (Sub-links): The individual items listed under each header (e.g., specific products, collections, or custom pages).

Important: Please ensure that the spelling of the Menu item field in the customize panel exactly matches the lowercase title of the Level 1 parent item in your navigation menu. If there is a mismatch, the mega menu layout will not render.

FAQs

Why isn't my mega menu displaying?

Make sure the Menu item value in the theme editor block is in lowercase and exactly matches the parent menu item's title in your Shopify Navigation settings (e.g., if the parent is "Shop", enter "shop").

Can I display only one promotional image?

Yes, you can upload only one image and leave the second image field empty. The menu links will occupy the remaining space automatically.

How do I change the image captions?

You can edit the titles below each image using the Image title input fields inside the block settings in the Theme Editor.