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.

divi mobile menu on desktop

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; }

add css in theme options

2.5 4 votes
Article Rating

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.