- Este debate tiene 3 respuestas, 3 mensajes y ha sido actualizado por última vez el hace 1 año, 5 meses por
.
-
Entradas
-
Buenas, quizas la duda de muy novato pero no encuentro la forma de cambiar el orden de una cuadricula en wordpress al pasarla a vista de movil.
Me explico: Hago una pagina donde meto una cuadricula por defecto de wordpress (sin plugins) con animo de alternar fotos y textos. En la web normal se queda en el siguiente orden (a 2 columnas)
Texto- Foto
Foto – Texto
Texto- FotoPero al verlo en móvil se ve así:
Texto
Foto
Foto
Texto
Texto
FotoPerdiendo la alternancia entre foto y texto.
Yo pensaba que cambiando la previsualización y moviendo los bloques se solucionaba pero se mueven a la vez tanto en modo deskpot como en móvil, haciendo imposible ordenarlos.
Entiendo que puede hacerse con css, aunque desconozco cómo. También, mi idea es aprovechar los recursos que ofrece wordpress de serie antes de tocar css.Podríais darme alguna pista? Gracias!
Buenas tardes Mirage,
algo así como esto?https://www.yogasirsasana.com/yoga-estudio-sirsasana/
Esto lo puedes hacer con Gutenberg con el bloque «Medios y texto», una muy buena opción para hacer ese zig zag que comentas.
Espero te sea de ayuda
Un saludoBuenas!
Magnífica solución la de Berto la verdad, no lo había penado 🙂
Si no logras de esa forma, con css se haría una media querie y le pondríamos un flex order a esos elementos. Parece complicado pero no lo es tanto, si no logras hacerlo nos abres ticket con la URL en cuestión y te paso el código exacto a poner
Un saludo!
Gracias Berto! Me referia justamente a eso!
Claro que uso el editor de serie pensando que podria tener casi lo mismo que el Gutenberg, pero parece que estaba equivocado. Voy a echarle un ojo, que parece sencillo!
Gracias David, guardaré esa opción de css como ultima bala por si todo falla.
De todas formas, he podido solucionarlo de manera rudimentaria y temporal, duplicando cuadriculas y ocultando una en móvil y la otra en pc. No se si en un futuro podrá dar problemas.
Lo dicho, muchas gracias!
- Debes estar registrado para responder a este debate.
