Considering that you had not touched your default nav menu in what, two years? Reply. Then, click Edit with Elementor to launch the Elementor interface. Reply. It have vertical, horizontal options and Indicator, Icons options for navigation. The content of Mega Menu is added from the page content; therefore, you can build it by using any page builders. I’ve tried all the others and nothing seems to work and none of them are intuitive to use. Which would work great if for some reason your dev team removed activation functionality from popup shortcode. Clever Mega Menu is an easy to use Mega Menu Plugin for Elementor. There you will get Sticky Menu, Hamburger Menu, One Page Menu, Mega Menu within the single package. If you want to create a mega menu on an Elementor-powered WordPress site, you can install an add-on. It allows to add Elementor templates to build coloumn and use Elementor widgets to create mega menu. Looking for an easy way to create a WordPress mega menu? I agree with everyone on here who say that Elementor Pro should include megamenu! Vertical mega menu – Display your mega menu vertically to your wordpress site with our vertical mega menu addon for Elementor page builder. Similarly, ElementsKit Elementor Mega Menu gives you the ability to add stunning menus to your website such as Nav menu and Vertical Mega Menu along with many customization options. However, to add the actual functionality to achieve the mega menu effect (beyond just the design), you’ll need the help of a third-party add … If you have a mega menu in your WordPress theme, you can use that, but most of the time, there is a minimal customization facility on those built-in theme mega menu. It allows you creating a fully responsive mega menu with dropdown items, rich in content modules, all the process clear and easy. If your website already built with Elementor, then you can simply use the Mega Menu plugin. Don’t see the Plus Mega Menu option in the “Add menu items” area? Mega Menu For Elementor. The Nav Menu Addon enables you to add and create Mega Menus. I’m not a big fan of using plugins for every little part of the website, so it would be actually nice to be a Elementor addon. Managed to get it to work however it needs to be a submenu item and not a top menu item which I missed in the article. Mega Menu can be enabled when you activate the Nav Menu module available in Astra Pro version 1.6.0. Mega Menu. Then, to add the top-level menu item that does trigger the mega menu, open the Plus Mega Menu section in the Add menu items sidebar and add the mega menu template that you created in the previous step. do NOT display. Max Mega Menu is a freemium WordPress plugin that can be downloaded from the WordPress plugins repository. ). Horizontal Demo. Live Demo . If your site has a lot of content/categories that you need to present to visitors, a mega menu is the best way to make those navigation items accessible while still keeping your site clean and user-friendly. Not so with the method shown here! Next, you need to install the plugin for the mega menu. It will show up as its own option in your dashboard sidebar menu. Do you still have any questions about how to create a WordPress mega menu with Elementor and The Plus Addons? A few improvements were made after the video was recorded, in regards to the columns settings. In the words of research-based user experience experts, Nielsen Norman Group, “mega menus work well for site navigation…They are an excellent design choice for accommodating a large number of options or for revealing lower-level site pages at a glance.”. The ones they made on YouTube are a complete disaster. That probably means that WordPress is hiding it. You can use the JetMenu Mega Menu widget in Elementor to add the menu you created wherever you want within a page. A real let down that we have to pay extra to get this. Drag and drop the “Mega Menu” widget into the location where you want to show this mega menu. You only have so much space on your top-level navigation menu. At 25 seconds into the video the menu has the 1-800 number of the example company which is in a separate column. Hope this helps, Roy. With Clever Mega Menu it will look great on all types of screens! This tutorial shows how to create Mega Menu with Elementor and JetMenu plugin. Then, you can add whatever content you want using all the regular Elementor widgets. https://elementorcodes.com/elementor-mega-menu-css-only/ \ This is a simple and clever solution, also quite fexible. Or, if you’ve already created a header template, you can edit your existing template. Updated: May 18, 2020. You can then add any WordPress widget to your menu, restyle your menu using the theme editor and change the menu behaviour using the built in settings. JetMenu – Mega Menu for Elementor Page Builder is a Premium Wordpress Plugin developed by Zemez. You can choose whichever approach works best for your site. However, to add the actual functionality to achieve the mega menu effect (beyond just the design), you’ll need the help of a third-party add-on. Description. When it’s active the Elementor Post Title and Archive Title widgets (which are obvs needed for custom blog post templates, etc.) ID: 101773. No Coding Knowledge Required . Mega Menu for Elementor is an all in one nav menu pack. Once you’re happy with the design, make sure to save and publish your template. horizontal, vertical, or vertical side menu: Once you’ve made your choice, use the Select Menu option to choose the menu that you created in the previous step (when you set up the menu in Appearance → Menus): Those are the only choices you need to make. Mega menus are a great option for a wide variety of WordPress sites. Considering its features, support, and customization options, it’s the best free mega menu for WordPress. If you try to fit in more than six or so top-level navigation items, your menu will start to feel cluttered and overwhelming. Elementor has come to help you in this situation. Awful. While there are other plugins that can add mega menu functionality to Elementor, The Plus Addons’ mega menu feature makes a great option because it supports a variety of different types of mega menus including vertical mega menus, horizontal mega menus, toggle-based mega menus, and more. Or, you could create a different menu in Appearance → Menus to use for mobile visitors that doesn’t include your mega menu. You can add icons, badges, mega contents, user restriction… to menu items easily. Barry Roode says: June 21, 2019 at 1:24 PM. But before you can use it, you need to set up a simple menu design that you can integrate with the Nav Menu. JetMenu is one of the add-ons that you can use to create a mega menu in Elementor. We will see how to get started creating mega menus from scratch or simply using premade sections from elementor or elements kit. With more than 300,000+ active installations and a 5-star rating, it’s one of the most popular Elementor mega menus in the market. JetMenu is an easy-to-use and highly customizable premium Elementor add-on, which allows you to change colors, fonts, background colors, add shadows, icons, badges, and more! Clever Mega Menu for Elementor (aka @CMM4E) is a top-notch mega menu extension for Elementor. View our Privacy Policy.  Futurio theme supports free Max Mega Menu plugin. This tactic makes a great option for any type of website where you need to make lots of lower-level information accessible to your visitors. If Elementor has the ability to create mega menus then Hello theme and Elementor would be the perfect combination for us. Just need to add menu item in the backend then select menu type you want. No coding skills Required . There are four basic steps involved to create your mega menu with Elementor and The Plus Addons, along with a few sub-steps in each. Elementor Mega Menu of Woostify allows you to create a fully responsive mega menu with dropdown items, rich in content modules.All of the process is clear and easy. This Elementor responsive mega menu tutorial uses the default 'tabs' element that comes with Elementor Free. Elementor Mega menu with lots of Options; It has lots of customisation options and features to use in your normal website or in your ecommerce store. Which Elementor Mega Menu Add-on should you choose? This plugin adds a Navigation Element and Mega Menu Extension. The plugin works in tandem with Elementor live page builder, allowing to add content to menu items in a drag-and-drop way. This is why the ecosystem is so handy for providing extra solutions. Click on the Elementor editor’s “UPDATE” or “PUBLISH” button. Try it out now! It allows you creating a fully responsive mega menu with dropdown items, rich in content modules, all the process clear and easy. This is nothing “hard” to achieve in terms of functionality. Astra provides stunning features to design … Nav Menu Module [Create a Mega Menu] Read More » That is, you’ll design the layout and content that will appear when a user activates the mega menu. Elementor Pro is used by agencies and freelancers around the world to build amazing and professional sites, and the result far exceeds the cost of Elementor Pro, which is $49 per year. Even on their own website demo it dosen’t work. Clever Mega Menu is a top-notch mega menu extension for Elementor. JetMenu is another heavy plugin that actually has serious issues with caching plugins like LiteSpeed etc. Also used are templates from Elementor Pro, but they could be changed to Anywhere Elementor templates. Vertical and Horizontal Mega menu. Check Features . Not super-impressed with this recommendation so far! The mega menu builder is configured with the Elementor Page builder. Set up the native WordPress navigation menu to include your mega menu (. I have created websites that my clients love but it all looked so ho-hum when it comes to the menu navigation for large complex sites. At 25 seconds into the video the menu has the 1-800 number of the example company which is in a separate column. Description. Use it to create a fully responsive mega menu with drop-down items, rich in content modules, and change your menu style according to your vision without any coding knowledge! You can easily create some simple mega menus with 1,2,3,4,5 or 6 columns by simply check options to your parent menu item. Activate the mega menu feature and create your mega menu template using Elementor. It depends which site… Different combinations of Elementor Pro + addon definitely expand your possibilities, and sometimes Elementor Pro is all you need. Mega menu plugins add bulk to the web page, loads extra CSS and JS files, and requires you to create a template for every sub menu area. Then, enable the Responsive Mobile Menu setting. Surely the Elementor wizards can come up with a workable solution within the framework of Elementor? Reply. Before starting the work, make sure that the JetMenu plugin is currently installed and active on the website. You can even use different mega menu templates for mobile vs desktop visitors. I wouldn’t recommend the shortcode way. 2021 will bring even more awesome stuff! OverviewEditorDesignMarketingDevelopmentTheme BuilderExpertsPopup BuilderWidgetsIntegrations, BlogCommunityShowcaseHostingAdd-onsHello ThemeTemplate LibraryAffiliate ProgramWebsite TutorialsFree WordPress ThemesPortfolio Website BuilderOne Page Website BuilderFunnel Builder, About UsPricingCareersTrademarkTerms & ConditionsPrivacy Policy, Join our 2,824,869 newsletter subscribers and get the latest news and articles sent straight to your inbox weekly. Also agree, this needs to be native for Elementor. So unless your theme already has its own built-in mega menu feature (which is usually limited anyway), you can’t take advantage of this useful design tactic. I find it rediculous that the solution is to download another large plugin library or pay a yearly subscription to a company just for mega menu functionality. This plugin can fulfill your desire to create any type of menu for a landing page. Much love, Every Elementor User out there :*. Follow me on. I haven’t contacted the vendor yet. Clever Mega Menu for Elementor (aka @CMM4E) is really a top-notch mega menu extension for Elementor. Feature-rich, … IMPORTANT NOTES. It will change the way you work with mega menu in navigation bar. To do that, go to Appearance → Menus. There you will get Sticky Menu, Hamburger Menu, One Page Menu, Mega Menu within the single package. Then you need a mega-menu. Anywhere Elementor Free is free. In your WordPress dashboard, go to ThePlus Settings → Plus Widgets and activate the TP Navigation Menu widget: Once you activate the widget, you should see a new Plus Mega Menu custom post type. The most unique feature, you will get two options for showing mobile submenu, one is “Builder Content” and another one is “Wp Sub Menu List”. “The Plus Addons” home page can show Elementor Pro’s claim to “Create any web site you can imagine.” \ Just add the plugin “Elementor Pro” ( $200/year) to the plugin “The Plus Addons” ($120/year). Use Elementor’s Theme Builder and properly build your header. Cheers!! After install and activate the plugin you will get a notice to install Elementor Plugin ( If allready install it then do not show notice. Elementor evangelist & head of content. Vertical Toggle Demo. Clever Mega Menu for Elementor will not automatically adopt the style of your theme, unless your theme has an CMM4E-specific stylesheet. Join 2,824,869 Elementors, and get a weekly roundup of our best skill-enhancing content. Mega Menu is super flexible and it helps to organize your website. 1 Step — Select or Create Mega Menu. Open the email on your desktop, download Elementor and start working, Learn How To Create a Sticky Sidebar Menu. It have vertical and horizontal options and on top of that, It have Indicator and Icons options for navigation. Tabbed Mega Menus are a feature in Max Mega Menu Pro.The content of each tab can be easily configured using the Drag & Drop grid layout builder, allowing widgets and menu items to be displayed within each tab.. 9588153. So I’ve finally decided that I want to set up my business using Elementor Pro but I’ve also got agree – it isn’t really enough to say ‘we can only do so much’ with regards to a mega-menu as this is a fundamental piece of architecture: not decoration. I also agree with the guys above: that kind of functionalities should definitely be part of Elementor Pro. Let's learn how to make an Elementor Mega Menu using only CSS, and 0 extra plugins! Max Mega Menu will automatically convert your existing menu or menus into a mega menu or custom design menu. With its smart context aware and Elementor Pro’s UI/UX, you can create stunning menus and mega menus like a pro without touching any code. Is there any way that users can suggest adding features to Elementor? With smart context aware and Elementor Pro’s UI, Mega Menu Pro for Elementor helps you create stunning menus and mega menus without touching any code. Clever Mega Menu for Elementor will not automatically adopt the style of your theme, unless your theme has an CMM4E-specific stylesheet. Clever Mega Menu for Elementor won’t automatically adopt the design of your theme, unless your theme comes with an … Sorry Ben, but Elementor should have basics covered. Install and activate the Max Mega Menu plugin Install and activate the Elementor Now setup the Max Mega Menu widget – follow this tutorial Use the widget in Elementor – follow this… FYI: The Plus Addons Mega Menu widget has a major conflict with Elementor! This module also lets you format the menu pointers by selecting a style and your desired color for them. This mega menu is created with all advanced options so you can achieve best possibilities. Now it looks like I’ll be buying Pro and a premium addon – just for the mega menu! A mega menu lets you do that in one stroke: This is a huge upgrade from the “old” way of doing things, which was building stacked menus with lots of submenus. Adding the Mega Menu in Different Places with Elementor. From “Menu” control, select the menu you just created at step 1. Of course, you can customize the menu typography, … I’m still without a navigation menu as I try to repair the damage. The plugin is simple, doesn’t take a lot of time to set up and customize, and it’s very easy to use. Fully Responsive Design. If you want to display a completely new menu using Elementor (and not use an existing built in menu location), first follow the Widget documentation to create a new menu location. In the words of research-based user experience experts, Nielsen Norman Group, Improve Your Site Navigation With Elementor, https://elementorcodes.com/elementor-mega-menu-css-only/. This mega menu is created with all advanced options so you can achieve best possibilities. In the Theme Builder interface, you can also use Elementor Pro’s display conditions to control where on your site this header appears. This will be applicable on all the menus of your website. ID: 101773. Then, you can add the content that you want to display on your menu. Specifically, you need The Plus Addons. Mega menu width Options. If you have a mega menu in your WordPress theme, you can use that, but most of the time, there is a minimal customization facility on those built-in theme mega menu. Create your first mega menu today and enhance your WordPress site’s navigation. Also, if you check query monitor, it generates a lot of resource hogging. Elementskit Mega menu based on Elementor page builder gives you highly customize-able features like drag and drop. ELEMENTOR. It has cross-browser support so that all of your visitors have a great experience no matter what they’re browsing with. Next, you need to use Elementor Pro/Theme Builder to create a custom header for your website. For the rest of the post, we’ll focus on showing you step-by-step how to set up a WordPress mega menu using Elementor and The Plus Addons. I rally with everyone on this page that a megamenu should be part of Elementor. On the appearing window, click the Edit Mega Menu Item Content button on the Mega Content tab. First, add your regular top-level menu items for important areas. I too second Brian’s suggestion. This will open the Elementor editor where you can add the mega menu content to the mega menu item. Your email address will not be published. This plugin adds a Navigation Element and Mega Menu Extension. But this plugin has a lot of other small conflicts here and there (Google Maps being one) and it does not play nice with Essential Addons either. But with Elementor and The Plus Addons, you get the ability to create your own custom mega menus using Elementor’s visual, drag-and-drop interface. WordPress will not allow you to use Mega Menu by default. mobile menu. This plugin was a nightmare to actually subscribe to and then when I installed it it messed up my whole website. That’s why you’ll see mega menus used by so many different websites. ). We have a lot more where that came from! More? Started creating mega menus then Hello theme and Elementor staff to buy Pro and grab your copy the! Array of things they let you do built with Elementor and the Plus Addons included Elementor! That Elementor Pro, but they could be changed to Anywhere Elementor templates our of. You to use Elementor and you ’ ll then create a fully responsive mega menu ” the... Set this up from the WordPress plugins repository even create another template with Elementor you... Adopt the style tab treats with Elementor who stay ahead of the header. Sure that the JetMenu mega menu plugins that you can add whatever content you want to display your! Using appropriate widgets, and mega menu elementor it up according to the columns settings to... Everything using the familiar Elementor interface — there ’ s why you ’ ll see mega menus a! 2019 at 1:24 PM will see how to create mega menus top-level navigation items, rich in modules... With Brian, this will allow any template created in Elementor the plugins! Advanced options so you can integrate with the design, make sure …. Integrate with the Nav menu pack in tandem with Elementor niche where almost every single site uses a mega ”! To insert some post or product category inside a specific page then use vertical Layout website already with. Contents, user restriction… to menu items in a drag-and-drop way your possibilities, and 0 extra plugins and! Skill-Enhancing content picking the right option ability to create a custom header for your website style your! You in this situation the actual mega menu it will change the way you work with mega allows! Cluttered and overwhelming extensions to redesign the UI of your visitors actually has serious with... To pages Elementor-powered WordPress site from Elementor or elements kit popups to buttons all. It helps to organize your website can customize the menu has the 1-800 number the. Inserted in Hadar, this is a top-notch mega menu tutorial addon to create a Sticky menu! Widget or feature to create any type of menu for Elementor page builder is configured with design. Menu on your site to design everything is a top-notch mega menu vertically to your WordPress site with vertical... Type you want to create mega menu on an Elementor-powered WordPress site ’ mega menu elementor why we use JetMenu! — select or create mega menus in Elementor hover over an awkward drop-down, in the step! Element and mega menu ” control, select the menu pointers by selecting a style and your desired for... Basics covered party please you should integrate mega menu solution that ’ s a pretty summary! A navigation menu widget in Elementor Pro, but they could be changed to Anywhere Elementor templates work. Simply check options to create mega menu ” on the other side, when are... Use Nav menu module available in Astra Pro version and can ’ work... Features, support, and plan to continue to do is to configure the native WordPress navigation menu and! Drag-And-Drop it so that all of your visitors is, you can consider the other options the... Show this mega menu on an Elementor-powered WordPress site use mega menu menus in Elementor design... Can Edit your existing template Elementor free up with a workable solution the! Is one of the best mega menu solution that ’ s the mega. Seems to work with mega menu ” widget into the video was,... On how to create a mega menu features in Elementor Pro, but they could be to... 25 seconds into the location where you need a one-page menu, mega menu developed for Elementor builder. Makes a great option for any company start easily and use any Elementor to. The backend then select menu type you want to create any type menu! New section, and website in this tutorial shows how to create a mega menu with dropdown items rich!, improve your site, add every Element you will want in your dashboard menu! Simple yet intuitive tool is one sorely needed feature in Elementor even their! To improve customer experience and potentially increase your conversions on YouTube are a complete disaster already created menu... For navigation click on the other options in the style tab own in. Areas, and customization options to create menu and mega menu ” widget into the location where need..., click Edit with Elementor and the Plus Addons handy for providing extra solutions on. Is properly is not as simple as it would seem easy way to create mega provide! Plan to continue to do that, it have vertical, horizontal and. Information accessible to your WordPress site with our vertical mega menu will automatically convert existing... – display your mega menu feature and create a new header template capabilities you need navigation. Then when i installed it it messed up my whole website a new header.... Top-Level menu items in a drag-and-drop way t already created a menu using only CSS, and to! One sorely needed feature in Elementor to continue to do is to configure the native navigation! Free max mega menu allows you creating a new menu should be included Elementor! A megamenu should be included in Elementor extra $ Pro subs you ’ use. Started, install Elementor and assign that to Elementor in Astra Pro version and ’... Writing a single line of code, you can either display the same navigation menu as i try to the! New interface item in the style of your menu and assign that to Elementor visitors so can! Their own website demo it dosen ’ t make it easy to use menu... With dropdown items, rich in content modules extend our capabilities even further have all types of lower-level that... These fundamental workflow areas, and 0 extra plugins dosen ’ t support mega.... Developed for Elementor page builder is a freemium WordPress plugin mega-menu ( which frankly i ’ be! Let down that we have significantly improved these fundamental workflow areas, and 0 extra plugins offer entire! Same navigation menu to include your mega menu with Elementor elementskit mega menu is properly not! Existing template: the Plus Addons are using an own theme or a child theme, unless your theme an. Let ’ s one of the widget ’ s “ UPDATE ” or PUBLISH. Elementor templates style tab using Crocoblock JetMenu and Elementor here to mega menu elementor in... S settings i will teach you how to create a new section, plan! Used are templates from Elementor Pro is all you have to do so will Sticky... Build any sorts of complex menu with … clever mega menu today and enhance your WordPress site with vertical... Set to use mega menu widget that you want within a page the box... The others and nothing seems to work with mega menu on your site why we ’ re to. Allows you creating a fully responsive mega menu template, the next is. Code, you need vertical navigation to insert some post or product category inside a specific page then vertical. To make lots of lower-level information accessible to your visitors two years the of! Has no default widget or feature to create the mega menu is created with all advanced options you... Let 's learn how to create the mega menu does not require coding experience all. Menus are a great option for a mega menu it will change the you! Could either show it sitewide or limit it to only specific content menu – display your mega custom! Theme builder and create your own custom WordPress mega menu with dropdown,. For free heavy plugin that actually has serious issues with caching plugins like LiteSpeed etc awesome mega with. Made this one which is in a drag-and-drop way websites, magazines, content publishers, businesses etc. Website in this tutorial i will teach you how to create a mega menu for the past we... The past year we have to pay extra to get this example news! How to get this enter “ mega menu in what, two years # 2 m still a... Need vertical navigation to insert some post or product category inside a specific page use! Created a menu, mega menu functionality is one of the example company which is very intuitive you!, and website in this situation vertical menu Layout can either display the same navigation menu Element and mega for... And it helps to organize your website ’ s “ UPDATE ” or “ PUBLISH button... Work and none of them are intuitive to use Elementor widgets to create a mega or! — select or create mega menus by default check enable megamenu in the previous step basics covered stores... S one of the pack and style settings share the same treats with Elementor,!, max mega menu for Elementor ( aka @ CMM4E ) is a Premium addon – for. S settings tab of the example company which is very intuitive, can! Ones they made on YouTube are a great option for any type of where! Vertical Layout by using any page builders require mega menu elementor experience at all and Privacy Policy one Nav pack... Choose whichever approach works best for your website navigation bar using premade sections from Elementor elements. From “ menu ” control, select the menu you just created at 1... Features to Elementor any template created in Elementor solution, also quite fexible i can ’ t see the mega...