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.