Divi se basa en una cuadrícula receptiva que apila (u ordena) sus columnas de cierta manera cuando se pasa de una computadora de escritorio a una pantalla móvil.

Las columnas están apiladas en orden de izquierda a derecha.
Entonces, si tiene tres columnas en el escritorio, la columna izquierda (primera) se apilará primero en el dispositivo móvil, seguida de las columnas 2 y 3 debajo. Esto tiene sentido y suele ser lo que se necesita para la mayoría de los sitios web.

Pero a veces ciertos diseños que se ven muy bien en el escritorio crean un orden inconsistente del contenido en el móvil. En este caso, deberá cambiar el orden de las columnas para crear una experiencia de usuario más consistente en dispositivos móviles.

Hoy les mostraré una forma de cambiar el orden de apilamiento de columnas de Divi en dispositivos móviles con CSS personalizado para agregar clases a las columnas
¡Empecemos!