Esta información es específica del Editor clásico y no es relevante para el Editor 2.0 (anteriormente conocido como el Editor All-Flex). Para identificar la versión actual del editor, consulte Cómo identificar la versión del editor que utiliza el sitio.
Debido al lanzamiento de Apple para iPads (iPadOS), los iPads muestran la misma vista que el equipo desktop. Sin embargo, puede cambiar al diseño desktop-tableta responsivo para garantizar que todas las personalizaciones sean visibles en los sitios en vivo.
El diseño responsivo muestra el encabezado de navegación superior en los equipos desktop más grandes y cambia automáticamente al encabezado del menú de hamburguesa cuando el tamaño de la pantalla es de 1024 px e inferior.Si es necesario, puede personalizarse el diseño para pantalla pequeña.
La mayoría de los sitios tendrán esta función habilitada automáticamente y la opción que se indica a continuación no estará disponible.
En los sitios en los que no se haya activado, una vez activada, se eliminará la opción de desactivarla.
La vista móvil de un sitio creado en el editor clásico, incluido el encabezado, viene determinada por el dispositivo utilizado, no por el tamaño de una ventana del navegador. Como resultado, redimensionar su navegador desktop para simular un viewport móvil no representará con exactitud cómo se ve el sitio o el encabezado en dispositivos móviles reales. Para ver la verdadera presentación móvil del sitio, incluido el encabezado, lo mejor es verlos directamente en un dispositivo móvil.
Para usar diseños responsivos de sitios:
- En el panel lateral del editor, haga clic en Tema y, luego, en Diseño del sitio.
- Debajo de Desktop, haga clic en el control Diseño responsivo.
- Seleccionar un diseño de sitio mayor a 1024 px.
- Seleccionar un diseño de sitio de 1024 px o menor.
Después de cambiar a diseños de sitio responsivos, puede cambiar las vistas en la navegación superior para mostrar Desktop grande (por encima de 1024 px), Desktop pequeño/tableta (1024 px e inferior) y Móvil. Para obtener más información, consulte Cambiar de vista.
El CSS es el mismo para los puntos de interrupción de Desktop grande y Desktop pequeño/tablet, y no verá un CSS para tableta.
Los elementos pueden estar ocultos por punto de ruptura (desktop grande y desktop pequeño/tableta). Para más información, consulte Cambiar de vista y Mostrar elementos ocultos.
Las transiciones son más suaves y no están basadas en agentes usuarios.
Tenga en cuenta que las siguientes personalizaciones de la tableta muestran automáticamente el diseño para desktop, y no es necesario personalizarlas:
- Diseños de galería fotográfica
- Reglas de personalización dela tableta
- Animaciones
Notas importantes
Si ocultó elementos en su sitio, asegúrese de que estén visibles antes de activar Diseño adaptable. Para solucionarlo, desactive Diseño adaptable, y muestre todos los elementos ocultos. Luego puede activar Diseño adaptable y volver a ocultar los elementos ocultos. Para obtener más información, consulte Mostrar elementos ocultos.
La personalización ya no muestra una tableta. Seleccionar el escritorio también afecta la s vistas de tableta.