Skip to main content

Create Dynamic Mega Menus in Funnels and Websites

Mega Menus allow you to create advanced, content-rich navigation inside Funnels and Websites. They support multi-column layouts, images, text, and links directly inside your menu, making them ideal for sites with multiple products, services, or sections.

Updated over 2 months ago

Who This Is For / When to Use

Use Mega Menus if you:

  • Need structured navigation for multiple offerings

  • Want visual navigation instead of simple text links

  • Are you building Funnels or Websites with top-level categories

Add a Navigation Menu to a Page

  1. Open the Funnel or Website page in the builder.

  2. Click the + (Add) icon.

  3. Open Quick Add.

  4. Drag the Navigation Menu into the top section of the page.

Add a Mega Menu Item

  1. Select the Navigation Menu element.

  2. In the right panel, locate Menu Items.

  3. Click + Add Item.

  4. Enable Mega Menu for the item.

  5. Rename the item (for example: Products, Services, Phones).

Open Mega Menu Editing Mode

  1. Hover over the Mega Menu item in the navigation bar.

  2. Click the Edit option.

  3. The Mega Menu canvas opens for layout editing.

Build the Mega Menu Layout

  1. Add rows and columns inside the Mega Menu section.

  2. Use columns to separate categories.

  3. Adjust spacing using padding and margin controls.

Common layout examples:

  • 3–4 columns for product categories

  • Image on one side, text links on the other

Add Content Inside the Mega Menu

You can add standard builder elements inside a Mega Menu:

  • Headlines for category titles

  • Paragraphs for item lists or descriptions

  • Images for visual navigation

  • Buttons for calls to action

Add Links to Mega Menu Content

  1. Click any text, image, or button inside the Mega Menu.

  2. Click the Link icon.

  3. Choose a destination:

    • Page

    • Funnel step

    • External URL

  4. Save the link.

Enable Dropdown Icons and Submenus

Mega Menus support dropdown indicators and nested links.

  1. Select the Navigation Menu element.

  2. Open the Styles tab.

  3. Enable Dropdown Icon.

  4. Use the three-dot menu on a menu item to add a link or submenu.

Customize Mega Menu Styling

You can customize:

  • Background color or image

  • Font family and size

  • Text alignment

  • Button styles

Styling changes apply instantly inside the editor.

Preview and Publish

  1. Click Save.

  2. Use Preview to test desktop and mobile views.

  3. Adjust layout if needed.

  4. Publish the Funnel or Website.

Common Issues and Fixes

Mega Menu does not open

  • Ensure the item is set as a Mega Menu

  • Confirm dropdown icons are enabled

The layout looks crowded

  • Reduce columns to a maximum of 4–5

  • Increase column padding

Links not clickable

  • Verify each element has its own link set

FAQ

What content can I add to a Mega Menu?

You can add text, images, buttons, and links. Mega Menus support rows and columns for structured layouts.

Does the Mega Menu work on mobile?

Yes. Mega Menus are responsive, but you should preview mobile layouts and simplify content if needed.

Is there a limit to columns inside a Mega Menu?

There is no technical limit, but 4–5 columns are recommended for usability and performance.

Can Mega Menus link to Funnels and external pages?

Yes. Each element inside the Mega Menu can link to Funnel steps, Website pages, or external URLs.

Did this answer your question?