Responsive design Elementor (mobiles et tablettes)

Le responsive design Elementor est le fait que vos pages et le contenu de vos pages Elementor s’adaptent automatiquement à la taille de l’écran : ordinateurs, tablettes et mobiles.

De cette manière votre contenu est toujours accessible et lisible pour vos visiteurs.

Elementor intègre dans l’éditeur de page un mode responsive design. 

Editeur Elementor en mode responsive mobile

Sommaire

Passer l’éditeur Elementor en mode responsive design mobile

Le responsive design Elementor se paramètre en bas de l’éditeur en cliquant sur l’icône Responsive (représentée par un petit écran).

On peut basculer l’éditeur et notre page Elementor sur une vue : 

  • Mobile 
  • Tablette 
  • Ordinateur 
Responsive design Elementor

Cet article traite du responsive design Elementor de manière rapide. 

Accédez au guide détaillé pour rendre vos pages Elementor parfaitement responsive mobile et tablette 

Optimisez vos pages en responsive design Elementor pour un appareil en particulier

Une fois passé en mode responsive design, ici mobile, certains paramètres ont une icône Mobile ou tablette. 

Cela signifie que le paramètre ne s’applique qu’à la version mobile ou tablette de la page. 

Par exemple ci dessous, en utilisant le mode responsive design Elementor pour mobile, le paramètre de taille du Widget Elementor Titre ne s’applique que sur la version mobile : 

Elementor element responsive mobile

Il est ainsi possible de faire coexister plusieurs paramètres pour un seul élément en fonction de la taille de l’écran. 

Afficher ou masquer des éléments en mode responsive design Elementor sur mobile ou tablette

Elementor propose d’afficher ou masquer des éléments (Widgets, colonnes ou sections) en fonction de l’appareil utilisé. 

C’est un élément important du responsive design Elementor car certains éléments de notre page n’ont pas lieu d’exister sur mobile. 

Ainsi on pourra masquer des colonnes, des Widgets ou des sections entière sur un appareil en particulier. 

Pour masquer un élément en mode responsive sur Elementor il faut :

  • Cliquer sur l’élément
  • Puis onglet Avancé 
  • Responsive et sous Visibilité choisir l’appareil sur lequel on souhaite masquer l’élément.

     

Affichage d'une page elementor sur mobile en responsive

Vous souhaitez améliorer le responsive design Elementor de vos page ? 

Voici un guide détaillé, simple et ultra complet pour rendre vos pages Elementor totalement Responsive mobile et tablette, pas à pas.

Comment optimiser vos pages Elementor pour le Responsive Mobile

Partagez le guide Elementor

Partager sur facebook
Partager sur twitter
Partager sur linkedin
Partager sur reddit
Elementor Responsive Mobile Guide complet

Elementor Responsive Mobile, le guide complet dans votre boîte mail.

Récupérez le guide en PDF et gardez-le à portée de main, pour optimiser vos pages.