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…

8 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.

        Reply

Leave a Comment

0 Shares
Share
Pin
Tweet