We love mega menus! UberMenu offers a good option. Although Divi is a theme that allows fairly smooth and harmonious integrations, for those who prefer to use UberMenu, they can see certain difficulties when viewing their active menus in the mobile and desktop versions. In the mobile version, Divi will hide UberMenu to show in its place the mobile responsive menu that it has by default. In the desktop version, Divi will interfere with the menu and will not display correctly.
Then what do we do? You have the option to manually integrate UberMenu in order to replace the Divi menu with UberMenu, or you can add CSS to force Divi to display UberMenu instead of the default responsive menu. This last option is not the most recommended because of the excess of residual styles.
Manual integration of UberMenu and Divi
With this procedure, we will integrate UberMenu manually and work with CSS to make adjustments and everything is harmonious. Come on!
Remember to always make these changes in a child theme to avoid errors or lose information at the time of the update.
Change the Divi Menu by UberMenu
The first thing we should do is copy the header.php file from Divi to your child theme, which is the one we will work on.
Find the # et-top-navigation block in the header.php file. The code below will be replaced with the code following it.