Divi

Before you start

We have many users who use Max Mega Menu with Divi with no issues at all, however some users find it more difficult to integrate with than we would like. The Divi Menu has many more options than most themes, each tightly integrated with other areas of the theme. This makes it a lot more difficult to integrate Max Mega Menu with Divi than it is with other themes.

Due to the way Divi is coded, it is not possible to replace the desktop menu with Max Mega Menu and keep the Divi Mobile Menu – both the desktop and mobile menu will be replaced with Max Mega Menu.

If you are planning on purchasing the Pro addon, we request you try the free version of Max Mega Menu (and make sure you are happy with it) before upgrading to Pro. The Pro addon will not change the base functionality of Max Mega Menu.

Display Secondary Menu on Mobiles

The secondary menu is hidden by default on mobiles. To make it display again, go to Appearance > Customize > Additional CSS and insert the following:

1

2

3

4

5

#top-header #et-secondary-nav,

#top-header #et-secondary-menu,

#top-header {

display:inline-block!important;

}

Hide Theme Logo on Mobile

If you want to display your logo as a mobile toggle block rather than using the standard theme logo, go to Mega Menu > Menu Themes > Custom Styling and insert the following:

1

2

3

4

5

@includemobile{

.logo_container{

display:none;

}

}

Fix “Full Width Menu” module

When using the full width menu module in Divi the Primary Menu will always be displayed regardless of the menu selected in the module settings. To fix this add the following to the bottom of your themes functions.php file:

Note: always be careful when editing theme PHP files. Double check the pasted code matches exactly what you see below before saving the file.

1

2

3

4

5

6

7

8

functionremove_theme_location($args){

if(isset($args['theme_location'])){

unset($args['theme_location']);

}

return$args;

}

add_filter('et_fullwidth_menu_args','remove_theme_location');

To correctly display the Max Mega Menu mobile menu on smaller screens when using the Full Width Menu module, go to Appearance > Customize > Additional CSS and add the following: