El tema Divi muestra automáticamente un menú plegado de 3 rayitas, también conocido como menú hamburguesa, cuando se visualiza desde dispositivos móviles pero ¿te gusta también este tipo de menús en todo tipo de pantallas?
Si quieres mostrar este menú independientemente del tamaño de la pantalla, en móviles, tabletas y ordenadores de escritorio, solo tienes que añadir el siguiente código a la sección CSS adicional del personalizador de temas, que encontrarás en Apariencia → Personalizar → CSS adicional de la administración de tu web o, si lo prefieres, en la sección Divi → Opciones del tema → CSS personalizado, también en la administración de tu sitio:
/* Menú móvil Divi en pantallas grandes */
@media only screen and ( min-width:980px ) {
#et_mobile_nav_menu { display:block !important; margin-bottom:20px; margin-top:6px }
#top-menu-nav { display:none; }
.et-fixed-header #et_mobile_nav_menu { margin-bottom:0; }
/* Establecemos el ancho y lo ponemos alineado a la derecha */
#mobile_menu { max-width: 400px; right: 0; left:auto; }}
Guarda los cambios y se verá siempre el menú «hamburguesa», da igual desde qué dispositivo estén visitando tu web.
La entrada Tutorial Divi: Menú móvil (hamburguesa) también en pantallas grandes la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.
0 Commentaires