Editor de Wix Harmony: ajustar tu sitio para dispositivos móviles
5 min
En este artículo
- La conexión entre los dispositivos de escritorio y los dispositivos móviles
- Agregar elementos solo para dispositivos móviles
- Ocultar elementos en dispositivos móviles
- Hacer una vista previa de tu sitio en la versiób móvil
- Preguntas frecuentes
Este artículo hace referencia al nuevo Editor de Wix Harmony, lanzado en enero de 2026. Si no tienes la seguridad de si estás usando el Editor de Wix Harmony o el Editor de Wix, obtén más información aquí.
Hoy en día casi todo el mundo usa el móvil, así que la versión móvil de tu sitio web resulta clave. En el Editor de Wix Harmony, nosotros nos encargamos de la parte difícil: tu diseño de escritorio se ajusta automáticamente para adaptarse a todas las pantallas.
Accede a la versión móvil para ver qué aspecto tiene tu sitio en los teléfonos de tus visitantes. Tienes total libertad para ajustar el diseño y crear la mejor experiencia posible, sin importar el dispositivo.
¿Todo listo para empezar?
Haz clic en el icono de Dispositivos móviles 
en la esquina superior derecha de la página.
en la esquina superior derecha de la página.La conexión entre los dispositivos de escritorio y los dispositivos móviles
Cuando compilas tu sitio, creas el estilo y el diseño primero para dispositivos de escritorio. Los cambios en la versión de escritorio se sincronizan automáticamente con los dispositivos móviles y otras pantallas, manteniendo todo en orden. Esto significa que solo tienes que diseñar una sola vez y tu sitio estará listo para teléfonos móviles, tabletas y computadoras al instante.
¿Quieres que tu sitio se vea perfecto en dispositivos móviles? Puedes ajustarlo cambiando el tamaño, el color o la ubicación de los elementos, sin cambiar la versión para dispositivos de escritorio en absoluto.
Algunas acciones, como mover elementos entre secciones o contenedores, están desactivadas en la versión móvil. Esto ayuda a mantener tu sitio ordenado y fácil de administrar en todos los dispositivos. Si quieres realizar cambios más grandes, vuelve a la versión de escritorio y continúa editando con total seguridad
Agregar elementos solo para dispositivos móviles
Haz que la experiencia móvil de tu sitio sea verdaderamente única al agregar elementos exclusivos para dispositivos móviles. Una vez que cambies a la versión móvil, cualquier ítem que agregues desde el panel Agregar elementos será un elemento exclusivo para dispositivos móviles.
Como estos elementos no aparecen en tu sitio para dispositivos de escritorio, puedes diseñarlos y ajustar su estilo como quieras. Esto resulta especialmente útil cuando quieres reemplazar elementos de escritorio que son menos adecuados para pantallas más pequeñas.
¿Sabías lo siguiente?
En el Panel de capas, puedes ver un icono 
junto a los elementos exclusivos para dispositivos móviles.
junto a los elementos exclusivos para dispositivos móviles.Ocultar elementos en dispositivos móviles
Siempre puedes ocultar elementos de los dispositivos de escritorio que prefieras no mostrar en los dispositivos móviles. Cambia a la versión móvil y abre el Panel de capas. Luego, haz clic en el icono Más acciones 
junto a un elemento y selecciona Ocultar para que este solo aparezca en los dispositivos de escritorio.
junto a un elemento y selecciona Ocultar para que este solo aparezca en los dispositivos de escritorio.
Mientras sigues en el Panel de capas, haz clic en Oculto en la versión móvil en la parte superior para ver la lista completa de elementos ocultos. Si alguna vez cambias de opinión sobre un elemento, haz clic en el icono Mostrar en dispositivos móviles para que este vuelva a ser visible.
Hacer una vista previa de tu sitio en la versiób móvil
A medida que realizas los ajustes, es importante asegurarse de que el diseño se vea bien antes de publicarlo online. Haz clic en Vista previa en la parte superior derecha del editor. Luego, arrastra el control deslizante de la parte superior para reducir el tamaño de la pantalla y ver cómo tu diseño se ajusta en tiempo real, no solo para dispositivos móviles, sino también para tabletas.
Una vez que publiques tu sitio, escanea el código QR que aparece en el editor para ver tu sitio directamente en tu dispositivo móvil.
Preguntas frecuentes
Haz clic en una de las siguientes preguntas para obtener más información.
¿Por qué no puedo arrastrar elementos entre contenedores en la versión móvil?
¿Por qué se movieron algunos elementos de mi encabezado al menú de hamburguesa en la versión móvil?
¿Por qué mi texto se distribuye de forma diferente en dispositivos móviles aunque no lo haya cambiado?
Algunos elementos se ven demasiado pequeños en dispositivos móviles, ¿qué puedo hacer?