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

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

1. 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.
2. 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).
3. 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**.
4. 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.
5. 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

- [Dar estilo a un bloque: espaciado, fondo, borde, sombra, animación](https://help.dropify.shop/es/guides/style-a-block-spacing-background-border-animation/)
- [Abrir el editor de temas y orientarte en él](https://help.dropify.shop/es/guides/open-the-theme-editor-and-find-your-way-around/)
- [Cómo configurar tu página de inicio: hero, carruseles y cuadrículas de productos](https://help.dropify.shop/es/guides/set-up-your-home-page-hero-and-product-grids/)