Hamburger on desktop too

hamburger.css

A mobile menu – or a hamburger menu as it is often called – does not only have to be used on mobile devices and small screens. You could use it for display on desktop and larger screens as well.
To do this in Divi you’ll have to insert a piece of custom CSS into your Child Theme or directly into your ePanel custom css field.

@media only screen and ( min-width:980px ) {
  #top-menu-nav { display:none; }
  #et_mobile_nav_menu { display:block; }
}
.mobile_menu_bar:before {
 content: "\61"; 
 font-size: 36px;
 position: relative;
 left: 0;
 top: 0;
 cursor: pointer;
 }
}

A mobile menu – or a hamburger menu as it is often called – does not only have to be used on mobile devices and small screens. You could use it for display on desktop and larger screens as well.
To do this in Divi you’ll have to insert a piece of custom CSS into your Child Theme or directly into your ePanel custom css field.

@media only screen and ( min-width:980px ) {
  #top-menu-nav { display:none; }
  #et_mobile_nav_menu { display:block; }
}
.mobile_menu_bar:before {
 content: "\61"; 
 font-size: 36px;
 position: relative;
 left: 0;
 top: 0;
 cursor: pointer;
 }
}
http://divi-tricks.com/2015/11/05/how-to-always-show-the-mobile-hamburger-menu/

https://www.youtube.com/watch?v=VJvYXPVIf_4