Mode responsive (tablette)

En raison du lancement d'un nouveau système d'exploitation pour iPad (iPadOS) par Apple, l'affichage des iPads est désormais le même que sur ordinateur. Toutefois, vous pouvez passer à la mise en page responsive desktop/tablette pour vous assurer que toutes les personnalisations sont visibles sur les sites actifs.

La mise en page responsive affiche l'en-tête de navigation supérieure sur les ordinateurs de bureau plus grands et bascule automatiquement vers l'en-tête du menu latéral lorsque la taille de l'écran est de 1 024 px ou moins. La mise en page de petit écran peut être personnalisée, si nécessaire.

Pour utiliser une mise en page de site responsive :

  1. Dans le panneau latéral de l'éditeur, cliquez sur Design, puis sur Mise en page du site.
  2. Sous Desktop, cliquez sur l'option Mise en page responsive .
    • Sélectionnez une mise en page de site pour une taille supérieure à 1 024 px.
    • Sélectionnez une mise en page de site pour une taille de 1 024 px et moins.

Après avoir configuré la mise en page responsive pour le site, vous pouvez modifier le mode d'affichage dans la barre de navigation supérieure en choisissant entre Grand Desktop (plus de 1 024 pixels), Petit Desktop/Tablette (jusqu'à 1 024 pixels) et Mobile. Pour plus d'informations, consultez l'article Basculer entre les différents affichages.

Le CSS est le même pour les deux points d'interruption, Grand Desktop et Petit Desktop/Tablette, et vous ne verrez pas de CSS Tablette.

Les éléments peuvent être masqués par point d'interruption (Grand Desktop et Petit Desktop/Tablette). Pour en savoir plus, consultez les articles Basculer entre les différents affichages et Affichage des éléments masqués.

Les transitions sont plus fluides et ne sont pas basées sur les agents utilisateurs.

Notez que les personnalisations de tablette suivantes affichent automatiquement la mise en page du desktop et qu'il n'est pas nécessaire de les personnaliser :

  • Mise en page de la galerie de photos
  • Règles de personnalisation des tablettes
  • Animations

Remarques

  • Si vous avez des éléments masqués sur votre site, veillez à les rendre visibles avant d'activer l'option Mise en page responsive. Pour cela, désactivez l'option Mise en page responsive et affichez tous les éléments masqués. Ensuite, vous pourrez réactiver l'option Mise en page responsive et masquer de nouveau les éléments souhaités. Pour en savoir plus, consultez l'article Afficher les éléments masqués.

  • La personnalisation ne permet plus de distinguer les tablettes. Si vous sélectionnez « desktop », les vues sur tablette s'en retrouvent également affectées.