Show Divi mobile menu on desktops

Divi has a navigation menu style for desktop and a different one for the smaller tablet and mobile devices.

When your website screen size is reduced, a mobile breakpoint is activated which causes the navigation menu to change to the mobile-style. The mobile menu comes with a hamburger icon in the top right of the screen which activates a drop-down menu when clicked.

If you want to activate the mobile (3 line hamburger icon) menu style on desktops as well as the default tablet and mobiles, you can use CSS code to change the breakpoint so that the mobile menu is triggered on larger screen sizes.

Add the following code to your Theme Options Custom CSS box or in a child theme stylesheet.

@media only screen and ( min-width:980px ) {
#et_mobile_nav_menu { display:block }
#top-menu-nav { display:none; }
}