Divi Mobile Menu Not Working And How To Fix It

You click on the hamburger icon and it looks like the mobile menu is hidden behind your top section. Does this happen to you? In that case, I have a couple of solutions for you.

Solution #1 update Divi

First, try to update Divi and see if that solves your problem. Divi constantly comes with updates for bug fixes so this just might do the trick.

Solution #2 set the overflow to visible

If you are using a Global Header in Divi > Theme Builder then go there and open the row where your menu module is. Go to the Advanced tab > Visibility set the horizontal and vertical overflow to visible.

Divi set overflow to visible

Then under position set the Position to Relative.

Set row position to relative in Divi

Solution #3 turn safe mode on

Go to Divi > Support Center and enable safe mode. In safe mode, all plugins and child themes will be disabled. Now check again if your mobile menu is working. If it is working then likely one of your plugin or child themes is conflicting with the mobile menu. Turn safe mode off and disable your plugins one at a time to check which one is causing the issue.

Turn safe mode on in Divi

Solution #4 ask me

If the above solutions did not work then let me know in the comments with a link to your site and I will take a look at it.

You might also like…

16 thoughts on “Divi Mobile Menu Not Working And How To Fix It”

      • Hi, can you share your solution? I’m working on a site where the mobile menu has collapsable menus. The sub-menu links work but the parents do not. Any suggests would be great! I already checked that the Disable top tier dropdown menu links is disabled.

  1. I’ve inherited a website – klscarves.com and for the life of me can’t get the menu bar to appear on mobile view.

    I’ve entered safe mode but no change. Any suggestions?

  2. Hello!

    I did a super simple build here: http://www.eldonspainting.com but the mobile menu doesn’t work when viewed on a mobile device. The hamburger is there, and I can see that the menu drops down, but it’s tucked behind the content on the page. I’ve adjusted the overflows, and made the position relative. It didn’t work. I tried it in safe mode, but it didn’t change anything.

    What do I do???

    Thank you. 🙂



Leave a Comment