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.

Por Jerry Castillo

Mar 23, 2021
UXDIVI

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.

1 Comentario

  1. Carlos

    Hola,
    Súper sencillo, y sin tantas líneas como debe de ser, gracias por compartirlo.

    Responder

Enviar un comentario

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