Changer l’ordre d’affichage de conteneurs Elementor

Elementor permet d’obtenir visuellement et donc graphiquement des résultats souvent très convaincants, sans devoir connaître de code. Toutefois, il suffit de monter une jolie page sur ordinateur avec des conteneurs à droite et à gauche sur deux colonnes, souvent avec une image sur la gauche, pour réaliser une fois sur téléphone que l’image arrive avant le texte. Ce qui d’un point de vue utilisateur comme pour vous n’est pas idéal. En effet, il est par exemple sur une page d’accueil, fréquemment utile d’afficher d’abord un texte de présentation avant même une image ou photo.

Il se trouve que vous pouvez changer l’ordre d’affichage de deux conteneurs pour téléphone ou tablette sur Elementor, sans que cela change votre actuel montage sur ordinateur/pc/bureau. Notons que cette option est aujourd’hui disponible dans la version classique et gratuite d’Elementor ! 🙂 Mais puisque le plugin évolue beaucoup et très vite, personne n’est à l’abri que ça change à l’avenir 😉

Découvrons donc aujourd’hui sur YWB comment changer d’affichage de conteneurs sur Elementor !

Pourquoi changer l’ordre de conteneur sur Elementor ?

Vous avez une belle créée avec Elementor qui rend super bien sur ordinateur. Vous avez deux colonnes, un peu sous forme de damier. Avec une alternance ou pas entre image et texte. Cet ordre d’affichage elementor vous convient très bien sur bureau/écran de PC/grand écran.

Mais une fois que vous regardez votre page sur Téléphone, vous réalisez que l’ordre d’affichage qui donc de haut en bas, ne vous convient pas ! Parce que par exemple, deux images se suivent au lieu d’avoir une alternance très régulière entre image ET texte.

Bref ! Vous aimeriez que l’ordre d’affichage de vos blocs Elementor soit différent sur mobile sans qu’il soit obligatoire de les changer pour ordinateur.

➡ bonne nouvelle, vous pouvez changer cette ordore d’affichage de blocs elementor sans les changer pour ordinateur ou même tablette etc… 😀 !

Vous pouvez aussi très bien vouloir le changer sans penser à un souci d’alternance des blocs ! Juste parce que vous en avez envie 😉 Mais en général, vouloir inverser cet ordre d’affichage de conteneur elementor tient son origine dans ce qu’on veut absolument montrer en premier aux internautes 🙂

Découvrons ça tout de suite !

Inverser l’ordre d’affichage de conteneurs Elementor pour téléphone

Rendez-vous sur votre page Elementor concernée. Passez en mode « modification de la page » avec Elementor.

Une fois en mode édition sur votre page, cliquez sur la section principale (ou conteneur principal comme suit en capture d’écran :

En effet, il s’agit là de modifier l’élément parent qui contient les blocs/conteneurs dont vous voulez inverser l’ordre sur téléphone ou autre équipement. Donc nous cliquons sur la section concernée.

Une fois que vous êtes bien sur votre section, passez comme d’habitude à gauche de l’écran et passez sur l’onglet nommé Avancé. Vous devrez alors descendre sur l’élement nommé Responsive où quand il sera ouvert, vous découvrirez qu’on peut choisir par équipement/support, quelles colonnes inverser pour leur ordre d’affichage :

Si en l’occurrence vous ne préférez inverser l’ordre de vos colonnes Elementor que sur téléphone, ne cliquez alors l’activation du dernier menu proposé, à savoir : inverser l’ordre des colonnes (portrait mobile). Cela correspond à si l’internaute tient son téléphone normalement dans la main, sans le basculer à l’horizontale (mode paysage). Libre à vous de cocher aussi : tablette mode portrait et/ou portable 😉

💡 N’oubliez pas de :

• bien publier vos modifications
• puis de les tester sur téléphone 😉

Besoin d’aide avec ce constructeur de page ? Je suis Experte Elementor, n’hésitez pas à me solliciter.