Tutorial Divi: Menú móvil (hamburguesa) también en pantallas grandes

Tutorial Divi Menu movil hamburguesa tambien en pantallas grandes

El tema Divi muestra automáticamente un Menú plegado de 3 líneas, también conocido como menú hamburguesacuando se ve en dispositivos móviles, pero ¿A ti también te gustan este tipo de menús en todo tipo de pantallas?

Si desea mostrar este menú independientemente del tamaño de la pantalla, en dispositivos móviles, tabletas y computadoras de escritorio, simplemente agregue el siguiente código a la sección CSS adicional del personalizador de temas, que encontrará en Apariencia → Personalizar → CSS adicional la administración de su sitio o, si lo prefiere, en la sección dividido → Opciones de tema CSS personalizadotambién en la administración de su 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; }}

Guarde sus cambios y el menú "hamburguesa" siempre se verá sin importar desde qué dispositivo estén visitando su sitio.

¿Te ha gustado este artículo? No puedes imaginar lo que te estás perdiendo y youtube!

Te puede Interesar  ¿Qué es un blog? ¿Para qué sirve un blog? ¿Cómo se crea un blog?

Artículos Relacionados

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Subir

Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestra web. Si sigues utilizando este sitio asumiremos que estás de acuerdo. Más Información