L'élément Menu affiche l'un de vos menus sur la page, sous forme de barre de navigation dans votre en-tête, de liste de liens dans votre pied de page ou de menu latéral. Vous construisez le menu lui-même sous Menus. L'élément décide de son apparence et de son comportement : sa disposition, la façon dont les sous-menus s'ouvrent et le moment où il devient un bouton burger sur les petits écrans.
Ajouter un menu
- Créez d'abord le menu. Voir Menus et navigation.
- Ouvrez votre en-tête ou la section où le menu doit se trouver.
- Cliquez sur Éléments dans la barre latérale gauche.
- Faites glisser Menu dans la section.
- Ouvrez les paramètres de l'élément et choisissez le menu sous Menu.
Tant que vous n'avez pas choisi de menu, l'élément affiche Aucun menu sélectionné.
Disposition et alignement
- Disposition : Horizontale pour une barre, Verticale pour une liste.
- Alignement des éléments : Gauche, Centre, Droite ou Justifié.
- Espace entre les éléments : Petit, Moyen ou Grand.
- Mettre en évidence la page actuelle : marque l'élément de la page où se trouve le visiteur.
Sous-menus
- Ouverture du sous-menu : Par défaut (au survol en horizontal, au clic en vertical), Au survol, Au clic ou Toujours ouvert (vertical uniquement).
- Afficher l'icône de sous-menu : affiche une flèche à côté des éléments qui ont un sous-menu.
- Séparer le lien et le bouton du sous-menu : le titre ouvre sa page et la flèche ouvre le sous-menu. Utilisez-le avec Au clic.
- Alignement du menu déroulant, Largeur maximale du menu déroulant, Délai de fermeture au survol et Animation d'ouverture (Aucune, Fondu ou Glissement).
- Profondeur maximale d'imbrication : Illimitée ou de 1 à 5 niveaux.
Menu mobile
- Point de rupture responsive : la largeur d'écran à laquelle le menu devient un bouton burger : 768 px (tablette et en dessous), 1024 px (ordinateur portable et en dessous), 1280 px (en dessous du grand écran), ou Désactivé pour toujours afficher le menu complet.
- Style du sous-menu mobile : Accordéon, Menu déroulant ou Superposition.
Accessibilité
Remplissez Libellé de navigation (accessibilité), par exemple Menu principal, pour que les lecteurs d'écran distinguent vos menus.
Astuce : stylisez des éléments individuels, ajoutez des icônes ou construisez un grand menu déroulant dans le menu lui-même. Voir Style des menus et méga-menus.