How to set up a Mega Menu using the Divi Theme's Header (no additional plugins!)

If you use the Divi Theme and want to setup a Mega Menu - then this video can show you how without adding plugins or using complicated code.

Elegant Theme's Divi Theme / Divi Builder comes with a lot of obvious features, but the Mega Menu is a little hidden as it's a simple string of text that activates it - meaning you have even more customization control over your WordPress website/blog.

The and short version of this tutorial is to head to your Menus' section (under 'Appearance' and 'Menus' in your WordPress dashboard). Add "mega-menu" as a link class to the WordPress menu item that you want the menu to expand from. If you can't see the Link class, hit 'Screen options' at the top of the screen and turn on 'CSS Classes'.

If you don't already have Divi, here's where you can find it:
(This is an affiliate link I earn a commission from - but supports this channel and the free tutorials I release)

In this video I show you how to activate and customize the Divi Mega Menu, step by step and it's dead easy!

--- ⚒ // TOOLS // ⚒ ---

The following are the tools I use and highly recommend. Some of these are affiliate links I earn a commission from, but this is what I use and swear by!

📺 USED FOR MY VIDEOS:

🖥 WEBSITE / WORDPRESS BLOGGING

📩 EMAIL NEWSLETTER:

😍 MISC:

FREE PHOTOS:

// LEARN MORE

🔗BEGINNER COURSE
Build a website, set up your presence online and start earning money:

// CREATOR IMPACT

🤘 Follow Creator Impact on Social Media!

[carlossimao]

Was literately struggling all day trying to do this. Thank you so much!

[elearah]

This is fantastic! thanks for sharing!!

[rominaromina]

Hello! Thank you very much for the content, I have a query, I need 3 columns on the desktop version, but I need to disable it on mobile. Do you know how I deactivate the megamenu in the mobile version so that the complete list appears?

[motivationlife]

Your thumbnail Looks better than your menu 😉

[coldfever]

can I create a mega menu inside of a mega menu ? I want to create a mega menu to show all categories with images then a sub mega menu to show all subcategories with images. Not sure if this makes sense.

[lifeautosponsoring]

But the menu you call it Mega menu is not responsive on mobile.any how to do that?

[Bonnie-Lewis-Australia]

Thanks- looking for a solution to mobile mega menu

[valli]

If you know how to make social icons (or any other element) that are in the body of the website kind of zoom up or stick to the menu bar as you scroll down and the sticky menu is activated so those social icons (or what ever element) follows the visitor as s/he scrolls down the website, that would be a tutorial I´d like to see.