Largeur maximale Wix Studio : régler la max width de votre site 📏

Sur un très grand écran, un site peut vite paraître étiré. La largeur maximale (max width) de Wix Studio limite la taille des éléments au-delà d’une certaine largeur, pour garder une mise en page lisible.

En bref : la largeur maximale se règle dans les styles du site, onglet Largeur maximale (Max width). Par défaut, elle est de 1 600 px et s’applique à toutes les sections. Vous pouvez l’exclure section par section, par exemple pour une bannière pleine largeur.

À quoi sert la largeur maximale sur Wix Studio ?

Dans Wix Studio, beaucoup d’éléments s’adaptent proportionnellement à la largeur de l’écran. Au-delà de la largeur maximale, ils gardent leur taille et des marges apparaissent sur les côtés. Résultat : vos textes et images ne deviennent pas démesurés sur un écran de 2 500 px.

C’est particulièrement utile avec les unités fluides comme le px* ou le vw, qui font grandir les éléments avec l’écran. Voir les unités de mesure Wix Studio.

Comment régler la largeur maximale d’un site Wix Studio

1. Ouvrez le panneau « Styles du site » dans l’éditeur.

2. Allez dans l’onglet de largeur maximale (Max width).

3. Activez l’option « Apply to site » (appliquer au site).

4. Indiquez la largeur en pixels : elle doit être supérieure à 1 001 px.

Le panneau Styles du site s’ouvre depuis la barre latérale gauche de l’éditeur. Pour désactiver la largeur maximale sur tout le site, coupez l’option « Apply to site » puis confirmez.

Exclure une section ou une page de la largeur maximale

• Pour une section : sélectionnez-la, puis dans l’Inspecteur, désactivez « Apply max width ».

• Pour une page entière : sélectionnez la page dans l’Inspecteur, puis cliquez sur « Exclude existing sections ».

• Attention : les nouvelles sections ajoutées ensuite reprennent la largeur maximale par défaut.

C’est utile pour une bannière ou une image de fond qui doit rester en pleine largeur.

Les erreurs à éviter

• Placer des éléments en dehors de la zone de largeur maximale : ils peuvent être coupés ou masqués sur les petits écrans.

• Choisir une largeur trop faible : le site paraît étroit sur les écrans d’ordinateur.

• Oublier de vérifier le rendu sur les différents points de rupture.

Pensez à contrôler chaque breakpoint Wix Studio après un changement de largeur maximale.

Mon avis de webdesigner sur la largeur maximale Wix Studio

Je garde en général une largeur maximale entre 1 440 et 1 600 px, et j’exclus seulement les sections qui doivent vraiment toucher les bords (hero, bandeaux, images de fond). C’est un réglage simple qui évite beaucoup de problèmes sur les grands écrans.

Mon retour d’expérience : sur un écran de portable, on ne voit jamais le problème. C’est sur un grand écran de bureau que le site paraît soudain étiré, avec des titres énormes. Testez votre site en élargissant la fenêtre de l’aperçu au-delà de 1 600 px avant la mise en ligne : c’est souvent là qu’on découvre une section oubliée. Pour une section hero avec image de fond, l’exclusion est presque toujours la bonne option.

Si votre site actuel s’affiche mal sur les grands écrans ou sur mobile, voyez notre offre de refonte de site web.

Questions fréquentes sur la largeur maximale Wix Studio

Quelle est la largeur maximale par défaut sur Wix Studio ?

Par défaut, la largeur maximale est de 1 600 px et elle s’applique à toutes les sections du site.

Peut-on désactiver la largeur maximale ?

Oui, section par section depuis l’Inspecteur, ou pour toutes les sections existantes d’une page.

Quelle est la largeur maximale minimale autorisée ?

La valeur doit être supérieure à 1 001 px.

Une section ajoutée après une exclusion est-elle concernée ?

Oui. Les nouvelles sections reprennent la largeur maximale par défaut, même sur une page dont vous avez exclu les sections existantes. Pensez à la désactiver au cas par cas.

À propos de l’auteur Alexandre Cottret, webdesigner freelance et fondateur de Trend Design, certifié Wix Partner Legend et Wix Studio. Plus de 150 sites créés depuis 2021, 5/5 sur Malt (93 avis).

Source : Aide Wix, Studio Editor : Setting the Site's Max Width