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:
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;
De esta menera conseguimos algo así: dos columnas de proporciones 30-70:
Últimos comentarios