Debido al lanzamiento de Apple para iPads (iPadOS), estos dispositivos muestran la misma vista que el escritorio. Sin embargo, puedes cambiar del diseño adaptable de escritorio a tableta para garantizar que todas las personalizaciones sean visibles en los sitios web activos.
El diseño adaptable muestra el encabezado de navegación superior en escritorios grandes y cambia automáticamente al encabezado del menú de hamburguesa cuando el tamaño de pantalla es de 1024 px o inferior. El diseño para pantallas pequeñas se puede personalizar si es necesario.
Nota:
- La mayoría de los sitios tendrán esta función habilitada automáticamente y el botón que se indica a continuación no estará disponible.
- Para los sitios que no tengan esta opción activada, una vez activada, se eliminará la opción para desactivarla.
Para utilizar diseños de sitios adaptables:
- En el panel lateral del editor, haz clic en Diseño y, a continuación, en Diseño del sitio.
- En Escritorio, haz clic en el botón de alternancia Diseño adaptable.
- Selecciona un diseño de sitio superior a 1024 px.
- Selecciona un diseño de sitio para 1024 px o menos.
Tras cambiar a diseños de sitio adaptables, puedes cambiar las vistas en la barra de navegación superior para mostrar las opciones de escritorio grande (más de 1024 px), escritorio/tableta pequeño (1024 px o menos) y móvil. Para obtener más información, consulta Cambiar vistas.
El CSS es el mismo para los puntos de interrupción de escritorios grandes y escritorios pequeños/tabletas, y no verás un CSS de tabletas.
Los elementos pueden estar ocultos por punto de interrupción (escritorio grande y escritorio pequeño/tableta). Para más información, consulta Cambiar vistas y Mostrar elementos ocultos.
Las transiciones son más suaves y no se basan en agentes de usuario.
Ten en cuenta que las siguientes personalizaciones de la tableta muestran automáticamente el diseño del escritorio y no es necesario personalizarlas:
- Diseños de galerías de fotos
- Reglas de personalización de tabletas
- Animaciones
Notas importantes
Si tienes elementos ocultos en tu sitio, asegúrate de que estén visibles antes de activar el Diseño Adaptable. Para solucionarlo, desactiva el Diseño Adaptable y muestra todos los elementos ocultos. Después, puedes activar el Diseño Adaptable y volver a ocultar los elementos ocultos. Para más información, consulta Mostrar elementos ocultos.
La personalización ya no muestra una tableta. Seleccionar el escritorio también afecta las vistas de la tableta.