Cascading Mega Menu for Elementor
Cascading Mega Menu for Elementor adds a powerful, fully customizable mega menu widget to Elementor. You can visually build multi‑column, multi‑level navigation where hovering an item reveals its children in the next column. Key features: Unlimited nesting depth – build simple two-level menus or com
About this tool.
Cascading Mega Menu for Elementor adds a powerful, fully customizable mega menu widget to Elementor. You can visually build multi‑column, multi‑level navigation where hovering an item reveals its children in the next column.
Key features:
- Unlimited nesting depth – build simple two-level menus or complex cascading structures.
- Pure Elementor workflow – configure menu items, parents, and links directly in the widget panel.
- Smart column layout – each depth level automatically appears as a new column.
- Submenu indicators – configurable icons for items that have children.
- Modern styling controls – typography, colors, padding, column width, separators, and more.
- Responsive – columns stack vertically on mobile for better usability.
The widget is designed to feel native to Elementor and requires no custom code from the end user.
Screenshots & previews.
Getting started.
- 01Upload the plugin ZIP to your WordPress site: Go to Plugins → Add New → Upload Plugin .
- 02Select the ZIP file containing this plugin.
- 03Click Install Now , then Activate .
- 04Open any page with the Elementor editor.
- 05In the Elementor panel, search for “Cascading Mega Menu” .
- 06Drag the widget into your layout and configure: Add items in the Menu Items section.
- 07For top-level items, leave Parent Item Title empty.