Come sostituire l’icona hamburger per mobile nel tema Divi

In questa breve guida imparerai a sostituire l'icona hamburger standard di Divi per dispositivi mobili come cellulari e tablet.
Sosituire Icona Hamburger Divi

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:

Icona Hamburger Divi
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;
}
Uno screenshot di come dovrebbe essere il risultato:
Icona Hamburger Divi

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.

Mostra/Nascondi Commenti (0 commenti)
L

0 commenti

Invia un commento

Il tuo indirizzo email non sarà pubblicato.

Ti potrebbe anche interessare…