Editor de Wix: problemas de alineación en tu sitio móvil online

3 min de lectura
Es posible que el contenido de tu sitio no se vea igual en todos los dispositivos móviles, ya que diferentes navegadores y dispositivos usan distintos motores de renderizado. Por ejemplo, los elementos de texto pueden expandirse, superponerse o desalinearse con otros elementos en ciertas pantallas móviles. 
En este artículo, aprende cómo resolver problemas de alineación en dispositivos móviles:

Líneas individuales de texto aparecen divididas en dos líneas

Puedes notar que una sola línea de texto en tu Editor móvil se divide en dos líneas en el sitio online. Esto puede depender del dispositivo y puede verse diferente en distintas pantallas.
Captura de pantalla que muestra texto en el Editor móvil y en un sitio móvil online.
Para resolver este problema, simplemente amplía el cuadro de texto haciendo clic y arrastrando las manillas. Esto solo hace que el cuadro de texto sea más grande y no afecta el tamaño del texto en sí.
GIF que muestra el cuadro de texto que se expande en el Editor móvil.

El texto y otros elementos se superponen

Si has agregado una gran cantidad de texto a tu sitio en un solo cuadro de texto y agregaste un elemento encima, el texto puede superponerse con otros elementos en tu sitio online. Esto generalmente se ve en el texto que se ha agregado a tu sitio en el Editor de escritorio.
Imagen de texto y un botón tanto en el editor móvil como en el sitio online. El botón se superpone al texto del sitio online.

Para resolver el problema:

  1. Abre el Editor de escritorio.
  2. Divide el texto en varios cuadros de texto, uno por párrafo.
  3. Agrega los elementos entre los cuadros de texto con algo de espacio entre ellos.
  4. Agrupa los elementos para asegurarte de que estén alineados. Haz clic aquí para aprender a agrupar elementos
Imagen del Editor de escritorio. El texto se ha dividido en diferentes cajas y el botón está entre ellas.

El texto no está alineado con otros elementos

Si tienes mucho texto en un solo cuadro de texto, es posible que no se alinee con otros elementos en tu sitio móvil.
La misma página en el Editor móvil y en el sitio online. El texto y el arte vectorial están desalineados en el sitio online.

Para alinear el texto con otros elementos:

  1. Abre el Editor de escritorio.
  2. Divide el texto en varios cuadros de texto, uno para cada párrafo.
  3. Agrupa el texto con los elementos relevantes. Haz clic aquí para aprender a agrupar elementos

Incovenientes de alineación con otros elementos en versión móvil

Es posible que descubras que los elementos que has organizado horizontalmente no se alinean como se esperaba en la versión móvil de tu sitio.
Para evitar que estos elementos se desplacen, agrúpalos y adjuntarlos a una caja contenedora transparente. 
¿Cuál es el próximo paso?

¿Te ha sido útil?

|