Elementor est un puissant constructeur de sites Web qui vous permet de personnaliser facilement votre site Web sans avoir besoin de codage. L'une des fonctionnalités intéressantes d'Elementor est la possibilité de masquer certaines sections sur les appareils mobiles. Ceci est important car ce qui fonctionne bien sur un ordinateur peut ne pas fonctionner sur un mobile, et masquer des sections peut améliorer l'expérience utilisateur globale. Dans cet article de blog, nous vous guiderons à travers les étapes à suivre pour masquer des sections sur mobile avec Elementor.
Étape 1 : ouvrez le générateur de pages Elementor
Tout d’abord, ouvrez la page que vous souhaitez modifier avec le générateur de pages Elementor. Une fois dans l'éditeur, sélectionnez la section que vous souhaitez masquer sur mobile. Il est important de noter que vous ne pouvez pas masquer une section directement depuis le navigateur Elementor. Vous devez le sélectionner et apporter des modifications à partir du panneau d'édition.
Étape 2 : Cliquez sur le bouton Mode réactif
Ensuite, cliquez sur le bouton Mode réactif situé dans le coin inférieur gauche du panneau d'édition. Cela ouvrira un menu déroulant qui vous permettra de sélectionner le type d'appareil que vous souhaitez personnaliser.
Étape 3 : Masquer la section sur mobile
Après avoir sélectionné le type d'appareil, vous pouvez désormais apporter des modifications à cet appareil uniquement. Pour masquer la section sur les appareils mobiles, cliquez d’abord sur l’onglet Avancé dans le panneau d’édition. À partir de là, faites défiler jusqu'à la section Responsive et activez l'option « Masquer sur mobile ». Cela masquera la section sur tous les appareils mobiles.
Étape 4 : prévisualiser et enregistrer les modifications
Une fois que vous avez masqué la section sur les appareils mobiles, il est important de prévisualiser son apparence. Vous pouvez le faire en cliquant sur le bouton Aperçu dans le coin supérieur droit. Ici, vous pourrez voir à quoi ressemble votre site Web sur ordinateur et mobile. Si vous êtes satisfait des modifications, assurez-vous de les enregistrer en cliquant sur le bouton Publier.
Étape 5 : afficher les modifications sur le site en direct
Après avoir enregistré les modifications et publié le site Web, il est important de visualiser le site Web sur un véritable appareil mobile. Cela vous permettra de voir à quoi ressemble le site Web sur mobile. Assurez-vous que toutes les modifications que vous avez apportées s'affichent correctement et que l'expérience utilisateur globale est améliorée.
Conclusion
Elementor est un créateur de site Web convivial qui vous permet de personnaliser facilement votre site Web pour améliorer son expérience utilisateur globale. Masquer certaines sections sur les appareils mobiles est un excellent moyen d'améliorer la réactivité mobile de votre site Web. Il suffit de quelques clics pour masquer des sections sur mobile avec Elementor, mais cela peut faire une grande différence. Si vous n'avez pas essayé d'utiliser Elementor pour personnaliser votre site Web, nous vous le recommandons vivement. C'est un excellent outil pour les concepteurs de sites Web et les non-concepteurs.