Blog

Cambiar el orden de las columnas de Divi en móvil

Cambiar el orden de las columnas de Divi en móvil

Destaca Imagen

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:

Change columns order in divi

¿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.

About Destaca Imagen

CHEMA & ANTO

We are brothers. As a designer and developer, we have decided have to join forces  to create plugins and themes for WordPress.

 

Products

45€. Create awesome masonry galleries in Divi. With category filter and pagination. More info

55€. A clean, minimalist and powerful theme to show the world your photos More info

Suscríbete

Los mejores trucos y tutoriales para Divi en tu email

Suscribe

The best tricks and tutorials about Divi in your inbox

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada.

¡Consigue 5€ gratis!

Regístrate y obtén un cupón descuento.

 Registrarme