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

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. 

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 :

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. 

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 :