BlogTema DiviMostrare le icone social nell’header Divi da mobile

Mostrare 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!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *


Divi Design Studio rende semplice l’evoluzione digitale di aziende ambiziose.

Mi occupo di Realizzazione, Restyling e Gestione Siti WordPress.

Menu

2024 © Divi Design Studio | P.IVA 04891580237 | Privacy Policy

Promozione esclusiva!

Risparmia sulla realizzazione o il restyling di un sito WordPress con l’esclusiva promozione di fine anno! Per tutto il mese di novembre e fino al 16 dicembre, Divi Design Studio ti offre uno sconto del 10% su tutti i servizi.