Kata Agrega 3 ventanas gráficas a Elementor, lo que te permitirá acceder a un total de 6 tamaños para diferentes estilos. Tu sitio web también será compatible con más dispositivos y funcionará de manera diferente en distintos tamaños de pantalla. Estos tamaños son:
- Escritorio (1920px)
- Ordenador portátil (1366 píxeles)
- Tableta en formato horizontal (1024px)
- Tableta (768px)
- Móvil (480px)
- Móvil pequeño (320px)
Para empezar a usar el diseño adaptable, primero deberá configurar el tamaño del contenedor del sitio web desde Opciones del tema ( Enlace a Personalizar > Contenedor ).
En el menú Dispositivos , encontrarás diferentes tamaños de estilo para todo tipo de dispositivos con diseño adaptable. Puedes personalizar el estilo de cada dispositivo seleccionándolo en el menú, ya que el estilo aplica los cambios a la versión de escritorio por defecto. Por lo tanto, asegúrate de seleccionar también tus otros dispositivos.
Supongamos que estoy en el entorno de edición de Elementor y quiero cambiar el tamaño de la fuente de un título en diferentes dispositivos. Lo he configurado a 42 px en ordenadores, pero quiero que sea mucho más pequeño en tabletas. Selecciono «Tableta» en el menú «Dispositivos».
Configuré la fuente a 28px para tabletas y, como se puede ver en la imagen a continuación, el tamaño del título ha disminuido, pero solo en la vista de tableta.
