By the time this article is written, Elementor has no built-in feature to create a mega menu yet. It falls behind Brizy, which has a default built-in feature to create mega menu already. The developer team of Elementor is actually working on the mega menu feature, along with new improvement for WooCommerce. But if you can’t wait, you can use one of the add-ons we will mention below to create mega menu on your Elementor-powered WordPress site.
What is mega menu, by the way?
By definition, mega menu is a type of expandable menu whereby some choices are displayed in two-dimensional dropdown layout. On a mega menu, you might also find a menu item that displays the content of your website. Blog post, for instance. Simply put, a mega menu is the type of menu whereby it contains not only menu items, but also other items. Here is an example of a mega menu.
Mega Menu Add-ons for Elementor
JetMenu is an Elementor add-on developed specifically to customize the menu of your Elementor-powered WordPress website. It is primarily designed to make it easier for you to create an off-canvas and mega menu. After installing and activating the plugin, you will see three new widgets in the widgets panel of Elementor as follows:
- Mega Menu
- Vertical Mega Menu
- Hamburger Menu
As you can guest, you can use the Mega Menu widget to create a horizontal menu. While to create a vertical mega menu, you can use the Vertical Mega Menu widget. Hamburger Menu is aimed at creating an off-canvas menu. JetMenu works seamlessly with Elementor Theme Builder. You can use it on a custom header template you create with Elementor Theme Builder. You can also use JetMenu with JetThemeCore. Both JetMenu and JetThemeCore are developed by the same developer — Crocoblock. JetThemeCore itself is a theme builder add-on for Elementor.
With JetMenu, you can create a standard mega menu or a mega menu with content. The content you can add to your mega menu can be blog posts, WooCommerce products, image, contact form, and so on. The mega menu content itself is created using the visual editor of Elementor so you can basically add any content you like. JetMenu comes with custom breakpoint, allowing you to set a custom viewport width.
2. Exclusive Addons
Exclusive Addons is one of the Elementor add-ons that offer comprehensive widgets. One of the widgets offered by Exclusive Addons is Mega Menu, which is aimed at creating a mega menu. You can use the widget whether to create a horizontal or vertical mega menu. It also comes with custom breakpoint to allow you to set the custom break point for smaller devices. Exclusive Addons itself is a freemium add-on. You need to use the pro version to use the Mega Menu widget.
3. Happy Addons
Happy Addons is another Elementor add-on that has plenty of widgets. There are over 90 widgets offered by Happy Addons in total. One of which is Happy Menu, which is aimed at creating a mega menu. In addition, the add-on also offers a widget to create an off-canvas menu. The widgets are available on the pro version of Happy Addons.
Creating a mega menu with Happy Addons is pretty easy as the content of the mega menu is created using the visual editor of Elementor. So technically, you can add any content to your liking. From blog posts, WooCommerce products, contact form, map, and soon. You can add different content to each menu item. After installing and activating Happy Addons Pro, you will see an option to create the mega menu content on the menu manager of WordPress (Appearance -> Menus). Another notable feature is the ability to add a badge to each menu item. The Happy Menu widget can be used on a custom header template created with Elementor Theme Builder or other theme builder add-ons of Elementor.
4. Master Addons
Master Addons is another Elementor add-on that you can use to create a mega menu on your Elementor-powered WordPress site. While the add-on is released as a freemium add-on, you need to use the pro version to be able to create a mega menu using Master Addons. The way the Master Addons mega menu builder feature works is not different to JetMenu and Happy Addons. After installing the pro version of Master Addons, you will see an option to enable mega on the WordPress menu editor. You can then create the mega menu content on each menu item. The content of the mega menu is created using Elementor. In other words, you can add any Elementor widget. Once the mega menu content is created, you can then add the Nav Menu widget of Master Addons to your custom header template.
The custom header template can be created using Elementor Theme Builder or any theme builder add-on of your choice. Master Addons itself offers a feature to create a custom header and custom footer in case you want to use it.
The Bottom Line
Menu is a crucial feature of a website. It is one of the most visible parts of your website. Having an eye-catching menu will make your website stands out. While Elementor allows you to create a custom menu, users want something more. Until Elementor releases its own mega menu feature, you can use one of the add-ons above to create a mega menu on your Elementor-powered WordPress site. All add-ons above allow you to create the mega menu content using the visual editor of Elementor. Meaning that you can add any Elementor widget. If you use Elementor Pro, JetMenu is a suited option as it is specifically designed to create mega menu on Elementor. Plus, it is more affordable than other options.
If you use Elementor Free and are looking for additional widgets, Happy Addons, Exslusive Addons, and Master Addons are good options to go.