Mostrare le icone social nell’header Divi da mobile

In questo post scoprirai un semplice trucchetto per abilitare le icone social nell'header Divi da mobile.
Icone Social Mobile Divi

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.

Icone Social Mobile Divi

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!

Mostra/Nascondi Commenti (0 commenti)
L

0 commenti

Invia un commento

Il tuo indirizzo email non sarà pubblicato.

Ti potrebbe anche interessare…