Mostrare le icone social nell’header Divi da mobile
Introduzione
Divi include un’opzione per abilitare le icone dei social media nell’header secondario. Tuttavia, queste icone non compaiono di default sui dispositivi mobili. Se desideri che i visitatori del tuo sito vedano le stesse icone social come da desktop, ecco un semplice trucchetto per abilitare le icone dell’intestazione secondaria sui dispositivi mobili.
Abilita le icone social sui dispositivi mobili utilizzando il CSS
Puoi utilizzare il seguente codice CSS per abilitare le icone social sui dispositivi mobili:
Ecco il codice che va inserito in Divi > Opzioni Tema> Generali> Codice CSS Personalizzato:
/* === Show social icons on mobiles === */
/* src: https://divibooster.com/show-divi-header-social-icons-on-mobiles-divi-2-4/ */
@media only screen and (max-width: 767px) {
div#et-secondary-menu {
display: block !important;
margin-top: 0px !important;
padding-top: .75em;
}
#et-secondary-menu>div.et_duplicate_social_icons>ul>li a {
display: block;
padding-bottom: .75em;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
div#et-secondary-menu {
display: block !important;
padding-top: .75em;
}
}
/* === END: Show social icons on mobiles === */Conclusione
Con questo semplice snippet di codice miglioreranno notevolmente l’esperienza dell’utente e la loro navigazione nel tuo sito web.
Speriamo che questo post sia stato utile e tu abbia trovato una soluzione.
Lascia un commento se hai bisogno di aiuto o se il codice non funziona.
Ciao, alla prossima!
