En la versión móvil y tablet aparece todo deformado.

Hola ctmedia69!

A nivel diseño y usabilidad, tiene más sentido que en la versión móvil aparezca todo apilado en 1 columna, es decir, primero la foto, después la descripción y después el botón de descarga; o primero el título y después la foto y la descripción de última. Para verlo todo en una fila en móvil, tendías que reducir muchísimo el tamaño de la letra en móvil y aún así, no se vería bien.

Si estás usando los propios bloques de WordPress, al seleccionar el bloque de columna, tienes la opción de «apilar en el móvil», que directamente te pondrá las columnas una encima de otra en la versión móvil

Hay otro tipo de bloques que te permiten mayor versatilidad. Por ejemplo, yo utilizo kadence blocks. Usando su bloque de filas, puedes escoger márgenes y paddings distintos para cada tipo de pantalla, tamaños distintos de las imágenes para cada tipo de pantalla… o directamente ocultar una fila completa según la pantalla en la que se esté viendo la web, así podrías hacer diseños completamente distintos para pc y para móvil.

Espero que esto te ayude.

Un saludo

Hola de nuevo! Me alegro de que te haya servido la opción de las columnas.

Como te comentaba, con el bloque de columnas que viene por defecto en WordPress, únicamente te permite esa opción de «apilar en móvil». Si quieres darle un diseño diferente a la versión móvil, te recomiendo que instales el plugin de Kadence Blocks del repositorio de plugins de WordPress.

Este plugin te da muchos tipos de bloques nuevos, que dan funcionalidades muy buenas de diseño. Pero en concreto para esto necesitaras el bloque de fila o Row Layout, en sus configuraciones avanzadas, podrás escoger en qué dispositivos se muestra y en cuales no

De esta forma, puedes ocultar en móviles el diseño de la web y viceversa.

Hay más plugins de este estilo en el repositorio, este es el que yo utilizo y me funciona muy bien, pero te invito a que busques uno que se adapte a vuestras necesidades.

Un saludo