Kata Ajoute 3 fenêtres d'affichage à Elementor, vous donnant ainsi accès à 6 tailles au total 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 le design adaptatif, vous devrez d'abord définir la taille du conteneur du site web dans les options du thème ( lien vers Personnaliser > Conteneur ).
Dans le menu Appareils , vous trouverez des styles de différentes tailles pour tous les types d'appareils compatibles avec la conception adaptative. Vous pouvez personnaliser le style de chaque appareil en le sélectionnant dans le menu, car le styler applique par défaut les modifications à la version de bureau. Veillez donc à 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.
