Abre la sección afectada en la vista previa móvil de Shopify, ajusta los controles que ofrezca y comprueba después la página guardada en un teléfono.
1. Abre el diseño correcto
Ve a Online Store → Themes → Edit theme en el tema que contiene la sección.
Selecciona la plantilla afectada y muestra el producto o la página correctos en la vista previa.
Cambia a la vista previa móvil y selecciona la sección o el bloque de Sternify.
2. Corrige el problema concreto
El texto es demasiado grande. Busca los controles de tipografía móvil, si la sección instalada los ofrece. Reduce el tamaño poco a poco y comprueba el título completo en la vista previa móvil.
Los iconos ocupan demasiado espacio. Usa el control de tamaño de iconos para móvil, si existe. Image with Benefits incluye Icon Size Mobile.
Una imagen aparece recortada. Revisa cómo se presenta la imagen y su composición. El texto importante cerca de los bordes puede desaparecer en una pantalla estrecha. Solo hay un selector de imagen móvil independiente si la sección lo ofrece.
El espaciado no queda bien. Revisa los controles de relleno, ancho y alineación disponibles. Cambia un ajuste cada vez.
3. Guarda y comprueba el resultado
Pulsa Save y revisa toda la página en la vista previa móvil.
Abre la misma página en un teléfono y prueba botones y enlaces.
Si el teléfono muestra otro diseño, compara el tema publicado y la plantilla asignada al producto.
En las páginas con IA, las fuentes y el espaciado del tema instalado pueden diferir de la vista previa de generación.
¿Sigue fallando?
Envía a soporte la URL, los nombres del tema y la sección, el teléfono y navegador, y una captura del problema. Indica si utilizas CSS personalizado y qué ajuste esperabas que lo modificara.
Relacionado: Falta contenido · Comprobar la asignación del producto.
