Editar el diseño para móvil y tablet por separado

Por Lucía Fernández · Soporte de Dropify · Publicado el 2026-08-05 13:21 · Actualizado el 2026-09-17

Usa el selector de dispositivo de la barra superior del editor (teléfono, tablet, escritorio). Cualquier cambio que hagas en la pestaña Estilos mientras hay un dispositivo seleccionado se aplica solo a ese tamaño de pantalla; los ajustes de bloque como "Número de elementos en móvil" definen las columnas por dispositivo.

Pasos

Abre Tienda en línea → Config. de tema o tu landing page. En la barra superior, haz clic en el icono de teléfono (marco de 768px) o de tablet (marco de 991px). El icono de escritorio vuelve al ancho completo; un interruptor de pantalla completa amplía el lienzo.
Haz clic en un bloque, abre el icono del lápiz → Estilos y ajusta el espaciado, las dimensiones, la tipografía o la posición. El aviso "Aplicado en" confirma que el cambio va a Móvil (hasta 768px) o Tableta (hasta 991px).
Para las cuadrículas, usa en cambio la pestaña Configuración del bloque: Lista de productos diseño 3, Carrusel diseños 4 y 5 y Testimonios ofrecen Número de elementos en la cuadrícula / móvil / Tablet.
En un bloque Combos de productos, activa Mantener vista de escritorio en móvil si quieres que los niveles de la oferta conserven su disposición de escritorio en el teléfono.
Vuelve a escritorio y comprueba que nada haya cambiado ahí; luego haz clic en Guardar y confirma que la página esté Publicado.

Nota: algunas landing pages antiguas están fijadas al marco móvil de 768px y no pueden cambiar a escritorio ni a pantalla completa.

Problemas frecuentes

Cambié el relleno en escritorio y la página móvil se rompió → cada dispositivo tiene sus propios estilos; selecciona el marco de teléfono y corrígelo ahí.
No puedo cambiar a escritorio en una landing page → es una de las landing pages antiguas; esas son solo para móvil.
Demasiadas columnas de productos en el teléfono → selecciona el bloque Lista de productos y reduce Número de elementos en móvil (diseño 3), o elige ese diseño desde la pestaña Variantes.
El editor se ve bien pero mi teléfono real se ve distinto → haz clic en Vista previa en la barra superior y abre la página en vivo en tu teléfono; asegúrate de haber hecho clic antes en Guardar.

Relacionado

Versión en texto / Markdown