Divi es un constructor genial con un montón de opciones disponibles que nos va a permitir trabajar en cualquier proyecto web. Pero en ocasiones es necesario utilizar algo de CSS si queremos conseguir el mejor resultado. En el ejemplo de este post vamos a ver como cambiar el orden de las columnas de Divi en móvil. ¿Porque es necesario esto? He aquí el problema:

Como vemos en estas imágenes si utilizamos esta composición al visualizar la web en móvil o en tablet el resultado es el siguiente:

¿Cómo cambiamos el orden de las columnas en móvil?
Vamos a necesitar un poco de CSS. Primero tendremos que añadir una clase extra a la fila a donde queremos cambiar el orden de las columnas. Utilizaremos la clase “reverse”. Luego añadiremos este código CSS en el apartado de personalizar apariencia de WordPress:
@media all and ( max-width: 980px ) {
.reverse {
display: flex;
flex-direction: column-reverse;
}
}
Aquí tenéis un vídeo con todo el proceso:
¿Qué te ha parecido? Esperamos que te sea fácil y que los puedas utilizar en tus proyectos. Déjanos un comentario si has utilizado este código en algunos de tus proyectos Divi.
0 comentarios