Seleccionar página
4
Volver al contenido del HUB: Hub | Snippets Menú

Cómo fijar el menú en la versión móvil en Divi.

En este HUB Content te daremos el snippet para que puedas fijar el menú en la versión móvil en Divi. Es importante tomar en cuenta que este snippet funciona en el menú de navegación que viene por defecto con Divi.

Si necesitas que tu menú de navegación hecho con el Theme Builder quede fijo, puedes ver este tutorial donde te enseñamos a hacerlo con la propiedad sticky de Divi.

Para muchos usuarios puede ser muy útil fijar el menú en la versión Móvil de Divi y así generar una mejor experiencia de usuario. Por defecto Divi no trae esta opción, cosa que me parece un sin sentido en el 2021, y es por eso que presentamos esta solución.

Veamos el mini tutorial.

Tener el menú fijo en móvil puede ser muy positivo para el usuario, pues podrá acceder a las opciones del menú desde cualquier punto de la web cuando este desplazándose desde su smartphone.

Si quisieras personalizar completamente el menú en móvil en Divi, recuerda que tenemos estos tutoriales premium donde te enseñamos a realizar menús realmente geniales con el Theme Builder de Divi.

Usamos el siguiente Snippet CSS para fijar el menú en la versión móvil en Divi.

Copia el código CSS de acá abajo y luego de eso, ve a las opciones del tema Divi > Generales > insertar código CSS personalizado y pega el código CSS.

/** Fijar el menú principal y secundario en la parte superior en los móviles**/
@media only screen and (max-width: 980px) {
  #top-header, #main-header {
  	position: fixed!important; 
  }
}

¡Y listo! Super fácil, ¿verdad? ¡Ahora con este snippet podrás fijar el menú en la versión móvil en Divi !

¿Te ha gustado? No olvides compartirlo y comentar nuestro contenido. Nos vemos en un próximo Snippet.

Contenido Relacionado

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

🖐 ¡RECIBE LAYOUTS Y CHILDTHEME GRATIS! 😎

Suscribiendote a esta lista de correo, recibirás algunos de nuestros layouts premium y un childtheme para eCommerce totalmente gratis. Además te enviaremos nuestro resumen de contenidos para que siempre estés enterado/a de nuestras últimas novedades.

¡Perfecto! ¡Gracias! Pronto comenzarás a recibir nuestros recursos gratuitos