WordPress Hosting

cabecera divi

Cómo mostrar los iconos sociales de la cabecera de Divi también en móviles

Hace muchas versiones, desde la 2 y pico, y vamos casi por la 5, que el tema Divi no muestra los iconos sociales de la cabecera secundaria en los dispositivos móviles, como puedes ver en las siguientes capturas…

Pues bien, si quieres que tus visitantes con dispositivos móviles también vean los iconos sociales de la cabecera secundaria de Divi simplemente añade el siguiente CSS en el personalizador de WordPress, en concreto en Apariencia → Personalizar → CSS adicional:

/* Iconos sociales cabecera secundaria Divi en móviles  */
@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; 
} 
}

Publica los cambios y ya tendrás los iconos sociales de la cabecera secundaria de Divi, también en dispositivos móviles, como puedes ver en la siguiente captura:

Compartir en redes
Resumir con IA

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en las estrellas para valorarlo!

Promedio de puntuación 5 / 5. Total de votos: 3

¡Todavía no hay votos! Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación hace 3 años o más que no se actualiza. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te sirvió?, pues entonces nada :-)


Sobre el autor

Scroll al inicio