Custom mobile menu (color + icon)

OBJECTIFS

Modifier la couleur de fond et changer l’icône du menu mobile.

CODE

/* MOBILE MENU */
@media screen and (max-width: 980px) {
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
z-index: 9999;
color: #A27744;
}
.mobile_nav.opened #mobile_menu {
background: #ffffff !important;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-overflow-scrolling: touch;
-webkit-transition: -webkit-transform 0.4s 0s;
-moz-transition: -moz-transform 0.4s 0s;
transition: transform 0.4s 0s;
}
}

INSERTION

CSS main

+D'INFOS