Vamos con otra casuística de la plantilla DIVI. Ya sabemos que por defecto, cuando la resolución de nuestra web de adapta al móvil, todas las filas pasan a tener una sola columna. Es muy normal ya que al tener la pantalla tan estrecha en responsive todo se ve mucho mejor a una sola columna.

¿Pero qué ocurre si algún cliente nos pode que en móvil se siga respetando por ejemplo la proporción de 1/3 y 2/3?

En un artículo anterior os propuse la forma de mantener en móvil las dos columnas, que sobre todo para elementos tipo iconos funciona muy bien, ya que estos no ocupan mucho espacio:

Cómo forzar a DIVI a mantener 2 columnas en modo responsive

Pero raíz de una consulta en este mismo post, se me preguntaba cómo se haría manteniendo dos columnas, pero de diferente tamaño. Esta vez lo haremos más a lo bruto 🙂

Seleccionaremos cada columna por separado, y nos iremos a Avanzado-CSS personalizado y pondremos que en la versión MÓVIL tenga un ancho concreto, en el caso de la imagen de abajo un 30%. Haremos el mismo procedimiento con la segunda columna, y le pondremos en este caso un 70%.

width: 30%!important;

width: 70%!important;

 

 

poner dos columnas de diferente tamaño en divi movil

De esta menera conseguimos algo así: dos columnas de proporciones 30-70:

Rate this post