How To Fix The Hidden Divi Menu Module Dropdown Submenu and Mobile Menu In The Theme Builder

This quick tutorial will show you how to fix and show the hidden Divi menu module dropdown and mobile menu in the Theme Builder.

#1. Set Row Overflow To Visible

The first thing you need to do is actually not in the Menu module, but rather in the row. I tried changing this for the module, column, and section, and it only works with the row. Go figure!

To do this, go to the Row Settings and the Advanced tab. In the Visibility toggle, change Horizontal Overflow and Vertical Overflow to “Visible.”

Fix hidden Divi dropdown menu

#2. Set Position To Relative

The next important step is to make sure the position of the row is set correctly. In the same row settings, find the Position toggle. This may or may not already be set correctly, but just make sure this is set to “Relative.” 

show Divi theme builder drowdown menu

Those two settings solved it for me! All my z-index settings are at default 0, so again, it’s not a z-index as many are claiming. But then again, whatever works! If that solves it for you, I’m more than happy to say there are more than one solution. I’d be curious to hear what works for you, so leave me a comment and let’s discuss this in The Divi Teacher Facebook group!

When All Else Fails…

The solution I gave above works in all cases that I have encountered except one very specific case. In our #1 popular child theme, Divi LMS for LearnDash, I have the course pages built with the Divi Theme Builder. For the life of me, I couldn’t get those specific layouts to work, the dropdown menu and mobile menu always went behind the Course template. So the only thing left to do was override it with some CSS.

If you find yourself in a similar situation, you can try placing the following code snippet in your Divi>Theme Options>Custom CSS box.

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.

Join Our NEW Divi Facebook Group!

The Divi Teacher Logo

Related Posts

Leave A Response!

8
Leave a Reply

avatar
  Subscribe  
newest oldest most voted
Notify of
Stephanie

You are awesome, Nelson! Always bringing so much value!

Mark

I’ve had an issue with the Theme Builder Menu showing incorrectly for weeks – that last bit of code has fixed it! Thank you for your help, instant subscriber! 🙂

Christa Fossati

Thank you so much for this post! The css code finally worked for me.

Alison

You are amazing!!! Thank you so much. I also had this same problem specifically on pages that I customized with the Theme builder. Your code snippet did the trick for me.

Shop Our Divi Products!

Child Themes • Plugins • Layouts

Visit The Shop

Divi Tutorials On YouTube

Subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest

0

Your Cart