Seleccionar página
Cambiar el Orden de las Columnas en Divi para movil
Cambiar El Orden De Las Columnas En Divi Para Movil

Cambiar el Orden de las Columnas en Divi

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.

¿Cómo ver 2 columnas en móvil con Divi?

En este tutorial vamos a resolver el problema más común de divi que es el orden en las columnas en movil

cambiar columnas divi

Tenemos una columna de texto a la izquierda y en la columna derecha una imagen que esto viene siendo dos filas con una columna, una composición típica en divi o en cualquier diseño web

Hoy vamos a solucionar este problema.
Existen dos maneras de hacerlo:

  • 1.-La primera manera es añadiendo el código directamente a la columna de la fila
  • 2.- La segunda forma añadiendo al CSS personalizado de WordPress nosotros lo vamos a hacer directo al CSS personalizado de WordPress.

Para mí es más fácil, cómodo y rápido a la hora de cambiar en otras secciones está misma composición.

Este error aparece cuando entramos en movil o modo responsivo del inspector de código, es lo que cambiaremos el orden de las columnas en divi movil

Añadiendo css el personalizador de WordPress

¿Cómo cambiar el orden de las columnas? Para ordenar nuestras columnas en divi movil debemos de hacer lo siguiente.

  1. Abrimos nuestra sección la azul y añadimos la siguiente clase. seccion_dos_reverse
  2. Colocaremos la siguiente clase en  nuestra columna donde tenemos nuestra imagen columna_dos_image
  3. Y como paso final añadimos a nuestra fila la siguiente clase seccion_dos_fila
Esto nos ayudará a cambiar el orden de nuestras columnas, te adjunto unas imágenes para que te des una idea. Por último paso debes de pegar el código en el CSS personalizado que he dejado al final del artículo de divi, con esto podrás cambiar el orden de las columnas :D. Asunto arreglado ya no hay que preocuparnos por un problema, esperemos que divi pronto pueda arreglar este error. Nota: si la explicación del texto no te ayudo, está el video en la parte principal, puedes verlo todas las veces que sea necesario y si aún tienes problemas con las columnas puedes escribirme  
seccion añadir clase para cambiar el orden de las columnas en divi
añadir la clase en la fila de la imagen para el orden de las columnas
cambiar el orden de las columnas en divi

Código

Copia y pega el código de nuestro tutorial
Cambiar el Orden de las Columnas en Divi para movil

Descubre nuestra selección de diseños web gratuitos y prémium para sus proyectos de diseño.

Contenido nuevo

Entérate de nuestros nuevos Artículos, cursos y productos cada 15 días

Pin It on Pinterest

Share This