Los diseños para tablet y dispositivos móviles se crean individualmente para cada página del proyecto. Una vez habilitado, solo se necesita reconfigurar los mismos widgets que se crearon en la versión de escritorio dentro del marco punteado correspondiente. Esto permite a los visitantes que usan una tablet o dispositivo móvil ver una versión ajustada de la página en lugar de una a escala del diseño de escritorio que se muestra de forma predeterminada (cuando los diseños para tablet y móvil están desactivados).
El contenido de todos tus widgets se sincroniza entre los diseños de escritorio, tablet y móvil, por lo que cualquier cambio al texto, imágenes, enlaces o videos aparecen en ambas versiones. Sin embargo, los widgets deben colocarse dentro del marco de puntos y sus atributos, como el tamaño, el color, los estilos de fuente, las animaciones, etc., se deben cambiar de forma independiente en el diseño de escritorio (1024px), tablet (768px) y móvil (325px).
Todos los widgets existen en los tres diseños. Cuando agregas un nuevo widget al diseño móvil, se crea una copia oculta en el escritorio. Para modificar el contenido entre los diseños, por ejemplo, para crear diferentes textos para los visitantes de escritorio y teléfonos inteligentes, puedes copiar el widget, editarlo por separado y luego ocultar el widget duplicado para un diseño en particular.
Si un widget se utiliza en diferentes diseños simultáneamente, verás un icono de ‘Desktop’ o ‘Mobile’ cuando posicionas el cursor sobre él. Por ejemplo, si estás editando la versión de escritorio y ves el icono ‘Mobile’ junto al widget, esto significa que también existe en la versión móvil de tu proyecto.
Al editar el diseño móvil, utiliza la función 'Desktop keyhole' para comprobar cómo se ven tus widgets en el escritorio. Para hacerlo, selecciona un widget y haz clic en la opción 'Desktop keyhole'. Haz clic en este icono para ver el widget en el diseño móvil. Esta función te permite rastrear fácilmente los cambios en caso de que quieras verificar los cambios en tu diseño de escritorio o dispositivo móvil.
