Afficher ou masquer une section pour des tailles d'écran spécifiques (éditeur v2)
Vous pouvez contrôler quelles sections apparaissent sur les ordinateurs de bureau, les tablettes et les appareils mobiles. Cela vous permet d'optimiser votre mise en page pour différentes tailles d'écran.
Cette fonctionnalité ne fonctionne pas pour les sections d'en-tête et de pied de page. Les en-têtes et les pieds de page sont toujours visibles sur toutes les tailles d'écran.
Afficher ou masquer une section pour des tailles d'écran spécifiques
Dans la barre latérale gauche, cliquez sur la section que vous souhaitez configurer.
Dans le panneau de droite, cliquez sur l'icône du menu à 3 points et sélectionnez Show for Screen Size.
Activez ou désactivez les tailles d'écran où vous souhaitez que la section apparaisse :
Desktop — écrans plus larges que 770px
Tablet — écrans entre 500px et 770px
Phone — écrans plus étroits que 500px
La section n'apparaîtra que sur les tailles d'écran que vous sélectionnez. Les tailles d'écran désélectionnées masqueront complètement la section sur ces appareils.
Cas d'utilisation
Masquer les sections complexes sur mobile — Supprimez les tableaux riches en données ou les mises en page multi-colonnes qui ne fonctionnent pas bien sur les petits écrans
Créer des alternatives mobiles — Créez une version mobile simplifiée d'une section et masquez la version de bureau sur les téléphones
Différentes mises en page par appareil — Affichez différentes sections hero, CTA ou blocs de contenu optimisés pour chaque taille d'écran
Supprimer les éléments décoratifs — Masquez les espaces, les images volumineuses ou les fioritures visuelles sur mobile pour améliorer les temps de chargement
Les sections sont visibles sur toutes les tailles d'écran par défaut. Vous n'avez besoin d'ajuster ces paramètres que si vous souhaitez masquer une section sur des appareils spécifiques.