¿Cómo optimizar un sitio web para dispositivos móviles?

Si el diseño y el texto de tu sitio web se ven distorsionados o fuera de lugar en dispositivos móviles, probablemente se deba a configuraciones personalizadas de tamaño.

1. Configuración personalizada de altura y ancho:

El problema surge porque has configurado valores fijos de "Altura" y "Ancho" en píxeles para tu diseño. Estos tamaños fijos se aplican en todos los dispositivos, lo que provoca que el diseño se vea distorsionado en diferentes tamaños de pantalla.

2. Configuraciones de tamaño mínimo/máximo del diseño:

Cuando configuras valores de tamaño "Mín" o "Máx" para diseños pensados para pantallas anchas, estas configuraciones se trasladan a las vistas móviles, haciendo que el diseño se vea desalineado.

1. Vaya a "Estructura de la página" en la barra de herramientas derecha de tu criador de sitios web;
2. Revisa toda la estructura de diseño y verifica todos los elementos con tipos de diseño "Horizontal" y "Vertical";
3. En la barra de herramientas derecha, selecciona "Tamaño" y verifica todos los elementos:
   • El "Ancho" debe ser preferiblemente "100%" o "Auto";
   • La "Altura" debe ser "Auto";
   • Todas las casillas de verificación "Mín" y "Máx" en la sección de Tamaño deben estar desactivadas (esto asegura que el diseño se adapte automáticamente a diferentes tamaños de pantalla).
4. Revisa los elementos en cada página;
5. Haz clic en "Vista Previa" para verificar el resultado.