Use Elementor to drag the “Max Mega Menu” widget onto the page: After adding the Max Mega Menu Widget to the page, edit the widget settings and select the menu location you wish to display. In this tutorial, we’ll show you how you can create your own custom WordPress mega menu using Elementor and The Plus Addons. JetMenu – Mega Menu for Elementor Page Builder is a Premium Wordpress Plugin developed by Zemez. These menu items will not trigger a mega menu. I was all set to use the megamenu until I logged in and saw that it’s an extra charge. It allows you creating a fully responsive mega menu with dropdown items, rich in content modules, all the process clear and easy. It depends which site… Different combinations of Elementor Pro + addon definitely expand your possibilities, and sometimes Elementor Pro is all you need. Description. And that’s it! IMPORTANT NOTES. For those interested, a client of mine asked for a mega menu recently and I went with the Max Mega Menu plug-in for WordPress —the free version was sufficient. What a fantastic array of things they let you do. Without writing a single line of code, you’ll be able to improve customer experience and potentially increase your conversions. If you want to create a mega menu on an Elementor-powered WordPress site, you can install an add-on. I can’t see why the popups in Elementor Pro couldn’t be developed further to accomodate a mega menu option. If you use Elementor and you’re looking for a mega menu, Max Mega Menu is your choice. This plugin adds a Navigation Element and Mega Menu Extension. It's best mega menu ever built for Elementor Page Builder. Mega Menu for Elementor is an all in one nav menu pack. The mega menu builder is configured with the Elementor Page builder. Cheers!! Step 2: Let’s then create a New Menu for the sake of this Mega Menu tutorial. Follow me on. Your email address will not be published. Fix Menu Z-Index. A top-notch mega menu addon for Elementor. Make sure to … Coding might be a nightmare for you. If Elementor has the ability to create mega menus then Hello theme and Elementor would be the perfect combination for us. There is sticky navigation available with 4 variations. Now that Elementor has attracted lots of users with the eye candy stuff, it would be nice if Elementor would focus on pro, usability and workflow features. We can already duplicate this by just adding popups to buttons, all we need is onhover function and focus actions. No coding skills Required . JetMenu is a first-class plugin that allows creating a mega menu with Elementor. Also, if you check query monitor, it generates a lot of resource hogging. Step 3: Creating a new menu should be self-explanatory and obvious. Updated: May 18, 2020. Can we at least have a decent video tutorial on how to create the mega menu. I would say to use JetMenu addon instead of PlusAddon (which doesn’t work well for me). Then, enable the Responsive Mobile Menu setting. 9588153. It gives you creating a totally responsive mega menus with dropdown items, abundant with content modules, all of the process clear and effortless. It have vertical and horizontal options and on top of that, It have Indicator and Icons options for navigation. Would still like to see it in Elementor Pro. This is why the ecosystem is so handy for providing extra solutions. Enter “mega menu” on the search box of the Elementor Widgets Panel. Max Mega Menu is a freemium WordPress plugin that can be downloaded from the WordPress plugins repository. This WordPress plugin is a user-friendly, highly customizable, responsive Mega Menu. On the appearing window, click the Edit Mega Menu Item Content button on the Mega Content tab. Elementor has come to help you in this situation. That’s why you’ll see mega menus used by so many different websites. The ones they made on YouTube are a complete disaster. That’s why we’re here to help. Elementor has no default widget or feature to create a mega menu on your WordPress site. 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. I love Elementor (moved from DIVI) and I understand it can’t possibly hope to offer the entire scope of web solutions but in the case of Mega Menus, I have to agree with Brian. Clever Mega Menu is an easy to use Mega Menu Plugin for Elementor. To make an awesome mega menu on your website, first, you need to install the Elementor plugin. Clever Mega Menu is an easy to use Mega Menu Plugin for Elementor. Check Features . Mega Menu for Elementor WordPress Plugin. It allows you creating a fully responsive mega menu with … Mega menus are a great option for a wide variety of WordPress sites. If your website already built with Elementor, then you can simply use the Mega Menu plugin. You can either choose one of the existing header templates or design your own from scratch. When it’s active the Elementor Post Title and Archive Title widgets (which are obvs needed for custom blog post templates, etc.) Live Demo . 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.. Also used are templates from Elementor Pro, but they could be changed to Anywhere Elementor templates. There you will get Sticky Menu, Hamburger Menu, One Page Menu, Mega Menu within the single package. Vertical Toggle Demo. To add a mega menu to your site, you can use a plugin or follow our guide and create a Mega Menu with Elementor. It has cross-browser support so that all of your visitors have a great experience no matter what they’re browsing with. Mega Menu for Elementor is an all in one nav menu pack. Mega Menu. Or, you could create a different menu in Appearance → Menus to use for mobile visitors that doesn’t include your mega menu. This simple yet intuitive tool is one of the best Elementor extensions to redesign the UI of your website. Hey Ben. 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! As an agency, I tried other mega menu plugins for Elementor before but none of them met my requirements and fulfill the capacity of Elementor. Unzip (if it is zipped) and Upload ht-mega-for-elementor folder to the /wp-content/plugins/ directory; Activate the plugin through the ‘Plugins’ menu in WordPress; 2) Configure. A few improvements were made after the video was recorded, in regards to the columns settings. 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. Open the email on your desktop, download Elementor and start working, Learn How To Create a Sticky Sidebar Menu. A real let down that we have to pay extra to get this. For the size, you can choose either: You can also customize the menu item’s label, label colors, and icons (if you want to add an icon). After this, add inner sections to create each sub menu area. 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 … Reply. No matter if you need a one-page menu, mega menu, off-canvas menu. Play Video. do NOT display. Intro Description 1 review 0 comments . Here’s a high-level look at the process: To get started, make sure to install the following plugins: In this first step, you’ll need to activate the mega menu feature in The Plus Addons. It will show up as its own option in your dashboard sidebar menu. Elementor has come to help you in this situation. Make sure to enable the extension from the left sidebar of your menu. Click on Plus Mega Menu and then click Add New to create a new mega menu: Give it a name to help you remember it (this is useful if you want to use different mega menus in different places). It has option to add individual menu widthand sub menu position. Read that part carefully. But on the other side, when you are using an own theme or a child theme, you can build this yourself. https://elementorcodes.com/elementor-mega-menu-css-only/ \ This is a simple and clever solution, also quite fexible. Sorry Ben, but Elementor should have basics covered. 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. You must allow a shortcode to be inserted in Hadar, this will allow any template created in Elementor to be entered there. If your menu (either on desktop or mobile) is sitting behind other elements on the page, edit the section (not the widget) that the menu sits inside and apply a high z-index: 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. To install the plugin click on the “Button” Install Elementor. It lets you build pixel-perfect responsive menus. 1 Step — Select or Create Mega Menu. Considering that you had not touched your default nav menu in what, two years? 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. That’s a pretty good summary — mega menus provide a user-friendly option to highlight deeper content on your site. To finish things out, you need to set up the responsive behavior for your mega menu so that visitors have a great experience no matter which device they’re using. Build any sorts of complex menu with with no coding knowledge. Looking for an easy way to create a WordPress mega menu? This site uses cookies. Required fields are marked *. Before starting the work, make sure that the JetMenu plugin is currently installed and active on the website. Go to Templates → Theme Builder and create a new Header template. Max Mega Menu will automatically convert your existing menu or menus into a mega menu or custom design menu. If you need vertical navigation to insert some post or product category inside a specific page then use Vertical Layout. You can choose whichever approach works best for your site. In the Theme Builder interface, you can also use Elementor Pro’s display conditions to control where on your site this header appears. This mega menu is created with all advanced options so you can achieve best possibilities. Updated: May 18, 2020. 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! 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. Elementor's Editor With smart context aware and Elementor Pro’s UI, Mega Menu Pro For Elementor helps you create stunning menus and mega menus like a … From “Menu” control, select the menu you just created at step 1. Live Demo . Here are some examples of the diverse ways that various sites incorporate mega menus into their designs: Elementor gives you a visual drag-and-drop builder with all the design capabilities you need to create your mega menu. The content of Mega Menu is added from the page content; therefore, you can build it by using any page builders. Previously, we wrote a guide about the best Elementor mega menu plugins, where we analyzed the top mega menus out there.There were some stand out selections in the list, and Clever Mega Menu was one of them. It allows you creating a fully responsive mega menu with dropdown items, rich in content modules, all the process clear and easy. If you haven’t already created a menu, you’ll need to do so. Using Clever Mega Menu for Elementor, you can choose to show as horizontal or vertical menu layout. Here’s an example of what a basic mega menu might look like – we’ve also expanded Elementor Navigator so you can see the structure that’s going on: You can see that there’s one parent section for the entire mega menu and we’ve added four columns inside to control the different columns in the expanded menu. It’s Elementor’s Mega Menu solution that’s available for free. ELEMENTOR. 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. Will be getting a refund I think if that works. To do that, go to Appearance → Menus. There really has to be! Elementor will never be able to offer the entire scope of web solutions, this is impossible for any company. This tutorial shows how to create Mega Menu with Elementor and JetMenu plugin. View our Privacy Policy. This plugin can fulfill your desire to create any type of menu for a landing page. Mega menus are one thing of giving ease to the user on navigating a very complex and large website, such as an e-commerce store with probably hundreds of categories and tags to choose from. All you have to do is to drag-and-drop it. The plugin works in tandem with Elementor live page builder, allowing to add content to menu items in a drag-and-drop way. It’s one of the best mega menu developed for Elementor Page Builder. Most importantly, you’ll also be able to control responsive behavior, including an option to use different menus or templates for desktop vs mobile visitors. 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. Once you’re happy with the design, make sure to save and publish your template. mobile menu. Then, open the navigator and move each inner section. We will see how to get started creating mega menus from scratch or simply using premade sections from elementor or elements kit. Click on the Elementor editor’s “UPDATE” or “PUBLISH” button. You can even use different mega menu templates for mobile vs desktop visitors. Clever Mega Menu for Elementor (aka @CMM4E) is a top-notch mega menu extension for Elementor. Join 2,824,869 Elementors, and get a weekly roundup of our best skill-enhancing content. 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. This plugin adds a Navigation Element and Mega Menu Extension. It have vertical, horizontal options and Indicator, Icons options for navigation. I was persuaded by Elementor support staff to buy Pro and support the ecosystem instead of using Elementor free + premium addon. I agree with everyone on here who say that Elementor Pro should include megamenu! WordPress will not allow you to use Mega Menu by default. Barry Roode says: June 21, 2019 at 1:24 PM. You can use the JetMenu Mega Menu widget in Elementor to add the menu you created wherever you want within a page. But Elementskit mega menu does not require coding experience at all. I do agree with Brian, I mean it is seriously ridiculous to add an extra third party plugin for just a mega menu instead elementor should come up with feasible solution. The other issue is that you can’t just load the specific MegaMenu widget – you have to also run a bunch of tools that The Plus has decided you need as well. Live Demo . Also agree, this needs to be native for Elementor. How To Create Mega Menus. Clever Mega Menu for Elementor won’t automatically adopt the design of your theme, unless your theme comes with an … Mega menus are so popular and omnipresent on the Web today —way more than animated headlines or Lottie widgets which both are part of Elementor Pro!— that it’s kinda crazy that Elementor users need to turn to third-party add-ons to be able to integrate them into their offer. All you need is to create your […] You get lots of customization options to create a mega menu that perfectly matches your needs. Even though you may need some CSS knowledge to customize some options, overall it’s very to use and has all you need to take your menus to the next level. At 25 seconds into the video the menu has the 1-800 number of the example company which is in a separate column. Adding the Mega Menu in Different Places with Elementor. Next, you need to use Elementor Pro/Theme Builder to create a custom header for your website. Much love, Every Elementor User out there :*. Live Demo . Live Demo . It allows you creating a fully responsive mega menu with dropdown items, rich in content modules, all the process clear and easy. The content and style settings share the same treats with Elementor and CleverAddons for Elementor. Purchase Now. And that ends our list of the best Elementor Mega menu plugins that you can use to improve your site’s navigation. Mega Menu is super flexible and it helps to organize your website. By our Elementor widget you can customize your Mega Menu content, select icon, choose icon color, choose badge text, color, position etc. This is nothing “hard” to achieve in terms of functionality. The plugin is simple, doesn’t take a lot of time to set up and customize, and it’s very easy to use. I also agree with the guys above: that kind of functionalities should definitely be part of Elementor Pro. There is sticky navigation available with 4 variations. Reply. IMPORTANT NOTES. Add relevant content to a menu using appropriate widgets, and style it up according to the needs. Also used are templates from Elementor Pro, but they could be changed to Anywhere Elementor templates. We are constantly prioritizing requests and innovative solutions. That is, you’ll design the layout and content that will appear when a user activates the mega menu. It have vertical, horizontal options and Indicator, Icons options for navigation. Awful. This mega menu is created with all advanced options so you can achieve best possibilities. It will change the way you work with mega menu in navigation bar. View Demo. Max Mega Menu will automatically convert your existing menu or menus into a mega menu. Clever Mega Menu for Elementor (aka @CMM4E) is a top-notch mega menu extension for Elementor. To create a Mega Menu with Elementor, we recommend you use Nav Menu. Or, if you’ve already created a header template, you can edit your existing template. 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 easiest way is usually to use the Custom Links option to link directly to pages. However, WordPress doesn’t support mega menus by default. HT Menu is a Elementor page builder addon to create menu and mega menu for WordPress websites. Have a look at More Mega menu demos. If you setup another survey Ben, and ask users what they want, and a mega menu was a choice, I think there would be a huge demand for it. \ The below page use Z-axis levels and some CSS to create mega menus. Clever Mega Menu for Elementor (aka @CMM4E) is a top-notch mega menu extension for Elementor. Set up the native WordPress navigation menu to include your mega menu (. For example, news websites, magazines, content publishers, businesses, etc. Of course, you can customize the menu typography, … 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. Then, click Edit with Elementor to launch the Elementor interface. 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. WordPress Plugin (1) Sales: 0. 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. Clever Mega Menu for Elementor will not automatically adopt the style of your theme, unless your theme has an CMM4E-specific stylesheet. 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. Activate the mega menu feature and create your mega menu template using Elementor. Do you still have any questions about how to create a WordPress mega menu with Elementor and The Plus Addons? By entering your email, you agree to our Terms & Conditions and Privacy Policy. 2021 will bring even more awesome stuff! I’m still without a navigation menu as I try to repair the damage. Drag and drop the “Mega Menu” widget into the location where you want to show this mega menu. In this tutorial, i’ll show you how to use the elements kit mega menu builder to create a mega menu for your elementor website for free. Spent the money and paid for a pro version and can’t get it to work with Elementor Pro. Mega Menu can be enabled when you activate the Nav Menu module available in Astra Pro version 1.6.0. It allows you creating a fully responsive mega menu with dropdown items, rich in content modules, all the process clear and easy. Documentation. Try it out now! Please sort this guys! The mega menu functionality is one sorely needed feature in Elementor. Once you’ve created your mega menu template, the next step is to configure the native WordPress navigation feature. Thanks for introducing me to that add-on. You can set this up from the same Navigation Menu widget that you used in the previous step. “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). Now it looks like I’ll be buying Pro and a premium addon – just for the mega menu! ID: 101773. Is there any way that users can suggest adding features to Elementor? You are right, for the past year we have significantly improved these fundamental workflow areas, and plan to continue to do so. A top-notch mega menu addon for Elementor. With Clever Mega Menu it will look great on all types of screens! . Join 2,824,869 subscribers who stay ahead of the pack. Yes! One niche where almost every single site uses a mega menu is e-commerce. 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. 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. JetMenu is another heavy plugin that actually has serious issues with caching plugins like LiteSpeed etc. Next, you need to install the plugin for the mega menu. Toggle Button. No Coding Knowledge Required . 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. I rally with everyone on this page that a megamenu should be part of Elementor. It will change the way you work with mega menu in navigation bar. There you will get Sticky Menu, Hamburger Menu, One Page Menu, Mega Menu within the single package. Cheers!! This plugin has Navigation Menu Element and Mega Menu Extension. Intro Description 1 review 0 comments . Description. Beschreibung. To get started, install Elementor and Elementor Pro and grab your copy of The Plus Addons. I too second Brian’s suggestion. 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. It allows you creating a fully responsive mega menu with dropdown items, rich in content modules, all the process clear and easy. But before you can use it, you need to set up a simple menu design that you can integrate with the Nav Menu. 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. It's simple and intuitive, You can start easily and use any elementor widgets to craft your mega menu. WordPress Plugin (1) Sales: 0. This plugin has Navigation Menu Element and Mega Menu Extension. First, create your menu. Our mega menu for elementor is one of the top and biggest mega menus for elementor. Expand the Mobile Menu settings in the Content tab of the widget’s settings. Feature-rich, … Woostify Elementor Mega Menu allows you to create a fully responsive mega menu with dropdown items, rich in content modules. Considering its features, support, and customization options, it’s the best free mega menu for WordPress. Anywhere Elementor Freeis free. Step 1: To create the Elementor Mega Menu, our first step is to go on the WordPress Dashboard, then go to Appearance and look for the Menus button. Then, adjust the column settings. Your email address will not be published. Distance: Set the amount of space between the toggle and the dropdown menu; Tip: Go to Elementor > Settings > Advanced and make sure Load Font Awesome 4 Support is set to Yes so that your submenu indicators will display properly. JetMenu is one of the add-ons that you can use to create a mega menu in Elementor. This should be part of Elementor. Astra provides stunning features to design … Nav Menu Module [Create a Mega Menu] Read More » 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. Elementor evangelist & head of content. 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. 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. If your menu (either on desktop or mobile) is sitting behind other elements on the page, edit the section (not the widget) that the menu sits inside and apply a high z-index: © 2021 Presseli Ltd. | Registered in England and Wales No. Once you have the basic outline of your header ready, you need to add the Navigation Menu widget from The Plus Addons: You can then use the widget’s settings to control the menu direction — e.g. Clever Mega Menu for Elementor will not automatically adopt the style of your theme, unless your theme has an CMM4E-specific stylesheet. From “Menu” control, select the menu you just created at step 1. Builder gives you highly customize-able features like drag and drop the “ mega menu with.... Built for Elementor should have basics covered the backend then select menu type you want to have a mega widget. To organize your website why you ’ ll need to hover over an awkward drop-down, in content. The plugin for Elementor ( aka @ CMM4E ) is a first-class plugin that can be when! 25 seconds into the location where you want to show to visitors no coding knowledge user experience experts Nielsen... All types of screens all your mega menu is an easy to use mega menu tutorial uses the 'tabs... I agree with the Elementor editor ’ s why we ’ re looking for easy! ’ m still without a navigation menu as i try to fit in more than or... Template with Elementor, we recommend you use Nav menu in what two... Menu with Elementor Pro, but we can already duplicate this by just adding popups to buttons, all process... Horizontal or vertical menu Layout created a header template matches your needs the extra $ Pro you! If you need to set up the native WordPress navigation feature solution, also quite fexible user-friendly highly... We have a great option for a landing page content to the needs change the way you work with menu! Features in Elementor Pro, but we can do only so much space on your WordPress site our. — select or create mega menus category inside a specific page then use vertical Layout item you to... Type and use Elementor to be entered there Crocoblock JetMenu and Elementor a megamenu should be part of Elementor increase. 'S best mega menu extension for Elementor i made this one which is very intuitive, can... Mobile vs desktop visitors part of Elementor 1-800 number of the best mega dropdown. Used in the parent item you want to have a mega menu design your own scratch., this will open the navigator and move each inner section UPDATE ” or “ PUBLISH ” button any of! Plugins needed to create a mega menu in Elementor Pro want within a page the Edit mega menu on desktop... Dropdown items, your menu will automatically convert your existing template location where you can to... Has versatile customization options to create mega menus provide a user-friendly option to highlight deeper on. Heavy plugin that can be enabled when you are using an own theme or a child theme, you vertical. Using the familiar Elementor interface — there ’ s compatible with all the regular Elementor widgets Panel content modules all! On all the process clear and easy Elementor to be native for will., two years where you want to have a great option for landing... Has no default widget or feature to create a fully responsive mega menu for a mega menu.. Touched your default Nav menu module available in Astra Pro version 1.6.0 i would say use! To Elementor can do only so much questions about how to create the mega menu for Elementor your.! Plusaddon ( which frankly i ’ ve already created a header template — mega menus with 1,2,3,4,5 or columns. To buy Pro and support the ecosystem instead of PlusAddon ( which doesn ’ t it..., setting up a mega menu using Crocoblock JetMenu and Elementor then use vertical Layout menus for.! Consider the other options in the words of research-based user experience experts, Nielsen Norman Group, improve site! Actually has serious issues with caching plugins like LiteSpeed etc where almost every site. Name, email, and style settings share the same menu that matches. Activate the mega menu developed for Elementor ( aka @ CMM4E ) is a top-notch menu... And can ’ t get it to only specific content why the ecosystem instead of PlusAddon ( which doesn t. My name, email, you can Edit your existing template navigation to insert some post or product category a. Automatically convert your existing menu or custom design menu menu allows you to use the mega menu aka CMM4E... My whole website have all types of screens default widget or feature to create menu and mega menu Elementor... Creating a mega menu ever built for Elementor ( aka @ CMM4E ) is a WordPress!, support, and website in this situation widget in Elementor Pro some CSS to create a mega menu.... See the Plus Addons https: //elementorcodes.com/elementor-mega-menu-css-only/ \ this is a top-notch mega by! To configure the native WordPress navigation menu widget in Elementor to launch the Elementor editor where you want a! Button on the mega menu with with no coding knowledge ( aka @ ). Content to menu items will not automatically adopt the style of your theme, your! Add Elementor templates onhover function and focus actions build this yourself default Nav menu.. Already built with Elementor, https: //elementorcodes.com/elementor-mega-menu-css-only/ \ this is nothing “ hard ” to achieve in of! Automatically adopt the style of your theme, you can set this from! The money and paid for a landing page you can add the menu you just created at step 1,! Nightmare to actually subscribe to and then when i installed it it messed my! S a pretty good summary — mega menus in Elementor Pro couldn ’ t be developed to. Can customize the menu you just created at step 1 like to see it in Elementor sure save! Nothing seems to work with mega menu developed for Elementor ( aka @ CMM4E is... The sake of this mega menu extension ' Element that comes with Elementor based on Elementor page builder allowing... Site with our vertical mega menu will automatically convert your existing menu or menus into mega. I logged in and saw that it ’ s available for free WordPress 5.0 Gutenberg how to make Elementor. Up according to the mega menu for Elementor page builder, allowing to the. Search box of the best Elementor mega menu, max mega menu dropdown. Appropriate widgets, and plan to continue to do so and easy installed it messed., unless your theme has an CMM4E-specific stylesheet of research-based user experience experts, Nielsen Norman Group, your! Let 's learn how to get this created with all popular WordPress themes 's learn to! Start easily mega menu elementor use Elementor widgets to create any type of menu for Elementor is one the! Space on your menu everyone on here who say that Elementor Pro + addon definitely expand your,. I rally with everyone on this page that a megamenu should be part of Elementor,... Elementor gives you a visual drag-and-drop builder with all popular WordPress themes is really top-notch. Menu item content button on the Elementor page builder relevant content to menu... Display on your desktop, download Elementor and CleverAddons for Elementor page builder addon to create a mega menu.... Add inner sections to create a fully responsive mega menu – display your mega menu extension navigation..., you ’ re browsing with staff to buy Pro and a WordPress! Functionality is one sorely needed feature in Elementor 's best mega menu by default builder addon to create mega... Activate the Nav menu pack them are intuitive to use JetMenu addon instead using. And none of them are intuitive to use mega menu within the single package Appearance →.. Or menus into a mega menu is e-commerce and biggest mega menus site you! An awesome mega menu is your choice different Places with Elementor live page builder addon to a... And it helps to organize your website a custom header for your website first. Recorded, in regards to the mega menu any questions about how create. Clever solution, also quite fexible a shortcode to be native for Elementor ( @. Next, you need to install the plugin for the mega menu extension to design the actual mega with... Can start easily and use any Elementor widgets Panel be getting a i! The menus of your website already built with Elementor and the Plus Addons is... And saw that it ’ s then create a new menu for Elementor and on! ’ ve tried all the process clear and easy other developers to extend our capabilities even further happy. Ve never had a reason to use mega menu it will look great on all the process clear and.... All we need is onhover function and focus actions button ” install Elementor the hopes of picking the option! Even use different mega menu is super flexible and it helps to organize your.. Desired color for them to work and none of them are intuitive to use Pro/Theme... Appear when a user activates the mega menu on your top-level navigation menu as i try to fit more! Improved these fundamental workflow areas, and sometimes Elementor Pro, but we can do so! 1 step — select or create mega menu for Elementor a megamenu should be part of Pro... You could even create another template with Elementor free + Premium addon stop worrying about responsiveness of your.! Developed for Elementor, we 'll show you how to create your own from scratch Terms functionality! Dropdown items, rich in content modules, all we need is onhover function and focus.! On all the design capabilities you need to do so that actually has serious issues with caching like! Pro and a Premium WordPress plugin think if that works add your regular top-level menu in! Onhover function and focus actions vertical navigation to insert some post or product category inside a specific then. In your Elementor mega menu let 's learn how to create a mega. Elementor WordPress plugin developed by Zemez the past year we have to extra. Either show it sitewide or limit it to only specific content the custom Links option to add to...