Divi theme: 2 o 3 c...
 

Divi theme: 2 o 3 columnas en movil con responsive  

   RSS

0

Echamos en falta una opción en la que nos permita visualizar las columnas de una fila en la versión móvil de forma personalizada. Por defecto Divi no permite cambiar esto, siempre presenta las columnas apiladas de una en una, aunque tengamos una fila dividida en 6 columnas, siempre las va a apilar. Para solucionarlo y poner las filas como nos convenga, en dos o tres columnas, podemos hacer uso del siguiente CSS sencillito:

Para ver una fila en 2 columnas:

  1. Vamos a Configuración de la fila > Avanzado > ID y clases CSS > Elemento principal de columna 1, 2, 3, 4, 5, 6... (tenemos que copiar este código en cada una de las columnas).
  2. Copiamos este código:
display: inline-block; 
max-width :50%;

Para ver una fila en 3 columnas:

  1. Vamos a Configuración de la fila > Avanzado > ID y clases CSS > Elemento principal de columna 1, 2, 3, 4, 5, 6... (tenemos que copiar este código en cada una de las columnas).
  2. Copiamos este código:
display: inline-block; 
max-width :33.33%;

Con esto ya podemos ver en la versión móvil cómo coloca correctamente las columnas y nos las apila todas.

IT Manager de TEKY Soluciones informáticas. Experto en sistemas, Wordpress, plataformas web y mundo Apple. Experto en SEM y mundo Google. Siempre dispuesto a colaborar en un buen proyecto. ¿Hablamos?

Share:
  
Trabajando

Por favor Iniciar Sesión o Registro