Modes
Horizontal mode, start with
<div id="e-panel-horizontal"></div>Vertical mode, start with
<div id="e-panel-vertical"></div>See more on github
Background colors of menu
/*
Colors of the menu
*/
/* Backgriond */
#e-panel-horizontal .menu,
#e-panel-horizontal .hamburger,
#e-panel-vertical .menu{
background-color: #111111;
}
/* 2nd level background */
#e-panel-horizontal nav.hamburger.toggled-on,
#e-panel-horizontal nav ul li.hasChildren.active,
#e-panel-horizontal nav .hamburger-item, nav.menu .hamburger-item ul,
#e-panel-horizontal li.level-2,
#e-panel-vertical li.level-2,
#e-panel-vertical nav ul li.level-1.active > div a:nth-of-type(2){
background-color: #333333;
}
/* 3nd level background */
#e-panel-horizontal li.level-3,
#e-panel-vertical li.level-3,
#e-panel-vertical nav ul li.level-2.active > div a:nth-of-type(2){
background-color: #555555;
}
/* 4nd level background */
#e-panel-horizontal li.level-4,
#e-panel-vertical li.level-4,
#e-panel-vertical nav ul li.level-3.active > div a:nth-of-type(2){
background-color: #777777;
}
/* Link color */
#e-panel-horizontal a,
#e-panel-vertical a{
color: #ffffff;
text-decoration: none;
}
/* Hover */
#e-panel-horizontal nav ul li:hover,
#e-panel-vertical nav ul li a:nth-of-type(2):hover,
#e-panel-vertical nav ul li a:nth-of-type(1):hover{
background-color: #222222;
}