How To Fix the Divi Menu with the PAJ Divi Menu plugin
By using this plugin you can increase the menu breakpoint which allows the mobile menu to be used at a greater screen width and prevent the desktop menu line break.
Menu Line Break
- Upload the plugin files to the
/wp-content/plugins/plugin-namedirectory, or install the plugin through the WordPress plugins screen directly.
- Activate the plugin through the ‘Plugins’ screen in WordPress.
Find the width where the Divi Menu Breaks
If you are using the Google Chrome Browser, make sure the customizer is closed and you are viewing your webpage.
Right-click on the page to bring up the context menu and click on inspect.
This will open the developer tools panel.
When you see the Divi menu break to a new line, check the width of the page.
This is the width value that you will use with the plugin.
Close the developer panel and open the Theme Customizer.
Then click on PAJ Divi Menu Options.
You can then use the Menu Breakpoint slider to set the width value found previously.
The Divi desktop menu will then change to the mobile menu when the browser width becomes less than the entered value.