Kata ajoute 3 fenêtres d'affichage à Elementor, ce qui vous permet d'accéder à 6 tailles d'écran pour différents styles. Votre site web sera également compatible avec davantage d'appareils et s'affichera différemment selon la taille de l'écran. Ces tailles sont :
- Bureau (1920px)
- Ordinateur portable (1366px)
- Tablette paysage (1024px)
- Tablette (768px)
- Mobile (480px)
- Petit mobile (320px)
Pour commencer à utiliser la conception réactive, vous devrez d'abord définir la taille du conteneur du site Web. Option de thème (Lien vers le Personnaliser > Contenant)
Dans l' Appareils Dans le menu, vous trouverez différentes tailles de stylets pour tous types d'appareils grâce à une conception adaptative. Vous pouvez personnaliser le style de chaque appareil en le sélectionnant dans le menu, car le stylet applique par défaut les modifications à la version de bureau. Assurez-vous donc de sélectionner également vos autres appareils.
Supposons que je sois dans l'environnement d'édition Elementor et que je souhaite modifier la taille de police d'un titre sur différents appareils. Je l'ai définie à 42 px sur ordinateur, mais je veux qu'elle soit beaucoup plus petite sur tablettes. Je sélectionne donc « Tablette » dans le menu « Appareils ».
J'ai configuré la police à 28px pour la tablette, et comme vous pouvez le voir sur l'image ci-dessous, la taille du titre a diminué, mais uniquement en mode tablette.
