Ir al contenido principal

Corrige una sección de Sternify que no se ve bien en móvil

Revisa la página, los controles para móvil, las imágenes, el espaciado y el tema antes de pedir ayuda.

Escrito por Alex

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

  1. Ve a Online Store → Themes → Edit theme en el tema que contiene la sección.

  2. Selecciona la plantilla afectada y muestra el producto o la página correctos en la vista previa.

  3. 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

  1. Pulsa Save y revisa toda la página en la vista previa móvil.

  2. Abre la misma página en un teléfono y prueba botones y enlaces.

  3. 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.

¿Ha quedado contestada tu pregunta?