Solucionado: Cambiar el numero de columnas visibles de móvil en Divi

Inicio / Tutorial Premium / Tema Divi / Solucionado: Cambiar el numero de columnas visibles de móvil en Divi

Contenido Premium

Puedes acceder a este y otros contenidos suscribiéndote en cualquiera de  nuestros planes o accediendo con tu cuenta.

Profesor: Jefferson M.

Publicación: 26 junio 2020
Categorías: Tema Divi | Tutorial Premium

En este vídeo tutorial premium aprenderás a cambiar el numero de columnas visibles de móvil en Divi. Cómo saben, por defecto Divi apila las columnas una debajo de la otra en versión móvil, dando un resultado como este:

Divi en versión responsive

Pues bien, en este tutorial voy a enseñarles cómo con algunos pequeños cachos de código CSS arreglamos y podamos cambiar el numero de columnas visibles de móvil en Divi a 2, 3 o las columnas que queramos. Recuerda que el código CSS lo dejamos en la parte de abajo de este post, en la sección de recursos, snippets y descargas.

Objetivo:

En este tutorial aprenderás a cambiar el numero de columnas en móvil, es principalmente útil si quieres lograr mostrar información en 2 columnas en la versión móvil de tu sitio web hecho con Divi.

Resultado:

Una vez que apliquemos el CSS personalizado que indicamos en el videotutorial podrás lograr un resultado como éste:

Cambiar el numero de columnas visibles de móvil en Divi muestra

Con esto podemos configurarlo tanto como queramos, y modificar a nuestro antojo el numero de columnas que vemos en móvil, aunque la recomendación es que no pase de 2 columnas.

Pueden ver el ejemplo en vivo en el ejemplo en vivo aquí: Ver Demo Live

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido prémium.

5 Comentarios

  1. roberto valle galindo

    Hola jeferson muy interesante saludos

    Responder
  2. roberto valle galindo

    una duda, en la seccion donde esta instalada la fila tenemos que poner tambien css? saludos

    Responder
    • Jefferson M.

      Hola Roberto, no, en la sección no es necesario colocar el CSS 😉

      Responder
  3. Nuria

    Hola que tal? Dónde está el código ? Por favor…

    Responder
    • Jefferson M.

      Qué tal Nuria, este es un tutorial prémium, y para ver el código debes estar logeado y tener una suscripción activa.

      Responder

Enviar un comentario

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

Mi carrito
El carrito está vacío.

Parece que aún no te has decidido.