Editor X : Travailler avec des menus à travers des points de rupture

Temps de lecture : 2 min
Editor X passe à Wix Studio, notre nouvelle plateforme pour les agences et les freelances.En savoir plus sur Wix Studio
Lorsque vous concevez un site réactif, vérifiez toujours que votre menu apparaît comme il se doit sur toutes les tailles d'écran. Vous pouvez ajuster le même menu pour chaque zone d'affichage, ou créer des menus uniques qui conviennent à des points de rupture spécifiques. 
Dans cet article, découvrez comment utiliser les menus sur différents points de rupture :

Ajouter un menu sur un point de rupture sur ordinateur

Lorsque vous ajoutez un menu horizontal à partir du point de rupture sur ordinateur, il est automatiquement masqué sur la version mobile. À la place, un menu hamburger est affiché car il occupe beaucoup moins de place. 
Dans l'exemple ci-dessous, vous pouvez voir comment le menu horizontal se transforme en icône de menu hamburger lors du passage au point de rupture sur mobile :
Suggestion :
Vous pouvez toujours ajouter un menu horizontal à votre site mobile tout en travaillant sur ce point de rupture. 

Ajouter un menu sur un point de rupture sur mobile

Lorsque vous ajoutez un nouveau menu à votre point de rupture sur mobile, il est automatiquement masqué pour les points de rupture plus grands (par exemple, tablette, ordinateur). Cela est utile si vous souhaitez afficher une version plus réduite adaptée à un écran plus petit. 

Afficher un menu différent sur chaque point de rupture

Editor X vous permet d'afficher différents menus sur différentes tailles d'écran en utilisant la même section Master. Cependant, cela peut entraîner des modifications involontaires d'autres points de rupture lorsque vous travaillez sur un point spécifique. 
Nous vous recommandons deux méthodes qui n'affectent que le point d'arrêt sur lequel vous travaillez :
Suggestion :
Utilisez l'option Ne pas afficher pour masquer les sections et les éléments d'un point d'arrêt.

Une capture d'écran du panneau Calques, en sélectionnant une section et en cliquant sur Ne pas afficher pour la masquer sur un point de rupture

Cela vous a-t-il aidé ?

|