Come modificare l’icona hamburger nella versione mobile del tuo sito Divi
Tutti noi vorremmo offrire agli utenti del nostro sito web una buona esperienza e per fare ciò molto spesso dobbiamo fare dei ritocchi al nostro tema Divi che vanno oltre le impostazioni base integrate.
L’icona hamburger di Divi standard si presenta in questo modo:
In questa breve guida imparerete a sostituire l’icona hamburger standard di Divi, quella del menu su mobile e tablet, per capirci. Infatti con un semplice snippet di codice miglioreranno notevolmente l’esperienza dell’utente e la loro navigazione nel tuo sito web o quello dei tuoi clienti.Ecco il codice che va inserito in Divi > Opzioni Tema> Generali> Codice CSS Personalizzato:
/*** SOSTITUIRE ICONA HAMBURGER MOBILE ***/
header span.mobile_menu_bar:before {
background-image: url('https://URLIMMAGINE.com');
color: transparent!important;
background-size: cover;
}Post correlato: come aggiungere codice CSS al tema Divi.
Uno screenshot di come dovrebbe essere il risultato:
Ecco, ora hai imparato come modificare l’immagine standard del menu per dispositivi mobili per il tema Divi.
Speriamo che questo post sia stato utile e tu abbia trovato una soluzione.
0 commenti