• Cambiare il breakpoint nella visualizzazione del menu da desktop a hamburger
• Cambiare il colore di sfondo del menu primario desktop/mobile
• Cambiare il colore di sfondo del menu secondario desktop/mobile

Tutte le direttive vanno inserite all’interno della seguente media query, dove il max-width


@media only screen and (max-width: 1041px) {
/* insert your code */
}


Cambiare il breakpoint nella visualizzazione del menu da desktop a hamburger


/* Visualizza hamburger */
#et_mobile_nav_menu {
display: block;
}
#top-menu {
display: none;
}


Cambiare il colore di sfondo del menu primario desktop/mobile


.et_fullwidth_nav #main-header .container{
background: white;
}


Cambiare il colore di sfondo del menu secondario desktop/mobile


#mobile_menu li, .et_mobile_menu li{
background: white;
}


Risultato finale con tutte e tre le personalizzazioni

/* ### Modificare il breakpoint del menu ### */
@media only screen and (max-width: 1041px) {
/* Visualizza hamburger */
#et_mobile_nav_menu {
display: block;
}
#top-menu {
display: none;
}
/* Colore di sfondo del menu */
.et_fullwidth_nav #main-header .container{
background: white;
}
/* Colore di sfondo del menu secondario */
#mobile_menu li, .et_mobile_menu li{
background: white;
}
}