Editar landing page responsive
Usuarios autorizados: Administradores y editores.
La misión: Edita la vista por dispositivos de tu landing page responsive.
Cambia tu plantilla a visualización mobile
1. Primero, haz clic en los íconos de dispositivos que se encuentran en el cintillo superior del editor para verificar el diseño de tu plantilla en cada versión.2. Al modificar las secciones y elementos de tus plantillas, es necesario ajustar el diseño de esos elementos en cada versión para asegurarte de que las modificaciones que realices en la versión de escritorio se visualicen correctamente en las versiones tablet y móvil.3. Para editar la vista por dispositivos de tu landing page, comienza cambiando tu plantilla a visualización mobile. Para esto, haz clic en el ícono de dispositivo móvil.
Personaliza cada visualización
1. Existen ajustes comunes en el diseño de los elementos que puedes aplicar con esta funcionalidad. Por ejemplo:
- Para cambiar el fondo de las secciones, haz clic en la pestaña Fondos
- Para ajustar el tamaño y color de los textos, haz clic en la pestaña Formato
- Para ajustar el tamaño de las imágenes, haz clic en la pestaña Tamaño
- Para ajustar los valores de padding y márgenes de los elementos, haz clic en la pestaña Espacio
Oculta elementos de tu landing page
1. Además, podrás elegir qué elementos deseas mostrar en cada versión. Para esto, haz clic en el ícono de la tuerca y desmarca los dispositivos en los no quieres mostrar ese elemento.
2. Haz clic en el ícono de móvil para ajustar esta versión de manera independiente.3. Finalmente, si lo necesitas, también puedes restablecer los colores, tamaños de letras y tipografías de la versión de escritorio en la versión tablet o móvil, haciendo clic en la "x" que está en cada valor.
¿Estás listo para completar la misión en Escala?