Download A FREE Mega Menu UI Kit for Divi
In the last tutorial posted on our blog, we showed you how to add a Mega Menu to a Divi website using the Balloon module. Today we have a surprise for you. We have designed 10 free mega menu layouts for you that you can easily import into your Divi library and use on your Divi website in no time. If you don’t know how to do it yet, check out the tutorial I mentioned above.
Many Divi users would like to add a mega menu to their website, but don’t know how to do it. Unfortunately, this is not possible without additional plugins, and Divi Pixel is one of them. The Balloon module available in our plugin has all the options needed to build a mega menu. With the function of loading a layout from the Divi library, there are no limits. We can design any layout, then load it in the Balloon module, and make our mega menu appear with a beautiful animation when the user hovers the mouse over the menu item.
How to create Mega Menu in Divi with Balloon Module
In this tutorial, you will learn how to create an amazing mega menu using the Divi Pixel Balloon module. I will show you how to use section saved in the Divi Library, and display it as a mega menu in header navigation.
Exclusive Mega Menu UI Kit for Divi
The layouts we have prepared will surely help you start your mega-menu adventure, but will also be a good example and a starting point for designing your own mega-menu. Using such a menu will certainly be useful for pages that have many links, but also if you are bored with the standard dropdown menu and would like to spice it up a bit.
How to import Mega Menu UI Kit to Divi Library
The download package contains a .zip file, which has to be extracted before you can import it to your Divi website. Once you download and extract the file, you can import it to the Divi Library and use it on your Divi site by Balloon module to your header or footer.
- Go to Divi → Divi Library
- Click the Import/Export button located at the top
- In the modal box select Import tab
- Click Choose File and select Mega Menu Master.json
- Click Import Divi Builder Layouts
Maciej Ekstedt
Maciej, co-founder of Divi Pixel, is a passionate web designer and marketing expert who thrives on turning creative ideas into effective strategies. His fascination with the intricacies of megalopolises influences his work, where he meticulously crafts detailed solutions for his company.
Enhance your Divi Theme with Custom Settings and New Modules. Start Creating Awesome Websites with the Divi Pixel
We offer a 14 Day Money Back Guarantee, so joining is Risk-Free!
Really cool freebies !
Thank you DiviPixel 🔥
You’re welcome, Kevin! I’m glad to hear that you like it 😀
A big thank you, they are each their own style and it really gives good ideas to make it yourself.
Bravo for this work that gives a lot of value to the Divi Pixel audience. I appreciate it.
The layout links to download for your free mega menu UI kit and also for your pricing tables UI kit are not working. I continue to get an error – not found.
Both links are working fine. Must be some issue at your end. Please try another browser.
How to add this in menu please guide me
There is an instruction in this post. Please also check this article 🙂
Can you use this mega menu on an existing menu by just adding a class to the menu item?
Absolutely 🙂
Wonderful and helpful
I love this – really helpful.. but how does the inheritance work for the text styling? I’m a newbie.. From menu/ballon/memg-menu.. I can’t seem to get a consistent style on font size/color etc.
Hello Darren,
You most likely have to clear the Divi cache in Divi/Theme Options/Builder/Advanced.