How to Build a Mega Menu in the Sparkforge Site Builder
Sparkforge's revamped navigation menu adds mega-menu support — multi-column hover panels with images, links, and text — built right in the funnel and website builder.
The mega-menu option in the Sparkforge funnel and website builder lets you build hover-revealed panels packed with images, links, and text. Use it to expose a deep section of your site without forcing visitors to drill through nested menus.
What's included
- Mega menu support: create multi-column panels under any top-level menu item.
- Customizable elements: images, links, and text blocks inside each panel.
- Hover behavior: menus open when users hover over the parent item.
- New style editor: reorganized navigation menu settings for cleaner customization.
- Edit overlay: in mega-menu edit mode, an overlay reduces distractions and keeps focus on the panel.
Build a mega menu
- Add the navigation menu element. In the builder, open the left sidebar and drop the new navigation menu onto the page.
- Style the menu. Use the right-sidebar style editor to set layout, colors, fonts, and spacing.
- Add a mega menu item. Click Add item, then Mega Menu.
- Drop in elements. Add images, text, and links inside the mega-menu panel. Drag to reorder.
- Match your branding. Adjust background colors, fonts, and spacing in the right sidebar.
- Preview live. Use the live preview to verify the panel before publishing.
Frequently Asked Questions
Where is the mega-menu element in the builder?
In the funnel and website builder, open the left sidebar, choose Elements, and add the new navigation menu. From there, click Add item → Mega Menu.
Can I use images inside a mega menu?
Yes. Drop images, text blocks, and links into the panel and arrange them with drag-and-drop.
Does the mega menu open on click or hover?
Hover. The panel opens when a visitor hovers over the parent menu item.
Can I preview the menu before publishing?
Yes. The live preview shows the menu exactly as it will appear on the published site.
Does the editor have a focus mode for editing the panel?
Yes. When you enter mega-menu edit mode, an overlay dims the rest of the page so the panel is your focus.
Was this article helpful?
Thanks for the feedback.