Aggiungere testo accanto all’icona hamburger del menu Divi
Il tema Divi mostrerà, in alcune configurazioni di intestazione, un pulsante di menu “hamburger” a tre righe. Se desideri aggiungere un po ‘di testo, come la parola “Menu” prima del pulsante, ecco come farlo.
Aggiunta di testo al pulsante del menu predefinito
Se desideri aggiungere del testo prima del pulsante del menu mobile (quello con tre righe) nell’header del menu predefinito Divi, puoi utilizzare il seguente CSS da copiare e incollare in Divi > Opzioni tema > Codice CSS:
/* ### menu text for default menu ### */
#et_mobile_nav_menu:before {
content: 'MENU';
font-size: 14px;
position: absolute !important;
bottom: 29px;
right: 40px;
color: #000000;
}
Ecco il risultato che otterrai:
Aggiunta di testo al menu nel Theme Builder
Se invece desideri aggiungere del testo prima del pulsante del menu mobile in un header creato tramite il Theme Builder, puoi utilizzare il seguente CSS:
/* ### menu text for menu with theme builder ### */
.et_mobile_nav_menu:before {
content: 'MENU';
font-size: 14px;
position: absolute !important;
top: 4px;
right: 40px;
color: #000000;
}
Conclusione
In questo post guida, abbiamo visto come aggiungere testo accanto all’icona hamburger del menu Divi, un tema popolare per WordPress. Questa è una funzionalità utile per migliorare l’usabilità e il design del tuo sito web, soprattutto se vuoi rendere il tuo menu più visibile e informativo. Abbiamo visto il metodo principale per fare questo: usando il codice CSS personalizzato. Spero che questa guida ti sia stata utile e che ora tu possa aggiungere facilmente testo accanto all’icona hamburger del menu Divi. Ciao, alla prossima!
