--- title: "Élément Navigation : la liste de liens du site" description: "Affichez une suite de liens horizontaux ou verticaux ; c'est le bloc principal de la barre de navigation et du pied de page de votre site." url: https://docs.vivlab.com/editor/menu/navigation --- # Navigation L'élément **Navigation** affiche une suite de liens horizontaux ou verticaux. C'est le bloc principal de la barre de navigation et du pied de page : il liste les liens vers les sections importantes du site. ## Liste des liens Le panneau latéral affiche la liste des liens. Cliquez sur un lien pour le modifier, ou utilisez les actions de la liste pour le **dupliquer**, **supprimer** ou en ajouter un nouveau. Pour chaque lien : - **Texte dans la barre de navigation** : le libellé visible (par exemple « Accueil », « Nos produits », « Contact »). - **Action lors du clic** : la cible du lien. Reportez-vous au [bouton](https://docs.vivlab.com/editor/menu/button.md) pour la liste complète des actions disponibles (page, ancre, produit, catégorie, lien externe, e-mail, téléphone, PDF…). ## Style de la navigation Le [panneau de style](https://docs.vivlab.com/editor/style/index.md) permet d'ajuster le [style du texte](https://docs.vivlab.com/editor/style/text.md) des liens : choisissez leur **Couleur** et leur **Police d'écriture** pour les accorder à votre [thème](https://docs.vivlab.com/sections/themes-brands.md), et réglez aussi la taille, la casse, l'épaisseur et l'espacement. La couleur et la police s'appliquent à **tous les liens** de la navigation en même temps, pour un rendu homogène. Le panneau regroupe également l'[arrière-plan](https://docs.vivlab.com/editor/style/background.md), les [bordures](https://docs.vivlab.com/editor/style/border.md), l'[ombre](https://docs.vivlab.com/editor/style/box-shadow.md), les [marges intérieures](https://docs.vivlab.com/editor/style/padding.md), le [positionnement](https://docs.vivlab.com/editor/style/align.md) (c'est là que se choisit la direction horizontale ou verticale des liens) et les [transitions](https://docs.vivlab.com/editor/style/transition.md). Pour ajouter un menu déroulant à votre navigation, utilisez plutôt l'élément [Menu déroulant](https://docs.vivlab.com/editor/menu/menu.md) qui propose des sous-éléments avec descriptions.