If you want to show the mobile (burger) menu on desktops as well as mobiles you can use the following code from SJ @ Gritty Social.

Just add the following code into your Divi child theme CSS file or into the ePanel custom CSS tab.

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

/**change these settings if you want to style it**/

.mobile_menu_bar:before {
 content: "\61";
 font-size: 32px;
 left: 0;
 position: relative;
 top: 0;
 cursor: pointer;
 }
}

The “\61” is a reference to the ETmodules icon font. If you want to change it to any other item you can… Here’s a few good ones…

\37 double arrow down
\3b Arrow in a cirle
\47 Downwards triangle in a circle
\4c Plus sign

Elegant Themes' Black Friday/Cyber Monday sale is still on if you want 25% discount! Dismiss

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.

Close