# Section menu

Vous pouvez utiliser cette section pour configurer un système de navigation pratique pour vous déplacer dans la page et passer d’une page à l’autre, ainsi que pour placer votre logo. Vous pouvez également fixer le menu afin qu’il reste toujours en haut de l’écran lors du défilement.

<figure><img src="/files/eeaefd963989ce9323ca0e29601dc644ba008d27" alt=""><figcaption></figcaption></figure>

## Comment ajouter une section

Pour ajouter une section à une page nouvellement créée, cliquez sur le bouton « + ».

<figure><img src="/files/edc9f4dbf694cc5a22001284d92431bca78d0c50" alt=""><figcaption></figcaption></figure>

Cliquez sur l’icône « + » et un panneau apparaîtra à droite. Sélectionnez **Menu**, puis choisissez le modèle de base.

Un menu des paramètres de section apparaîtra à droite.

<figure><img src="/files/b534df8c49f07121b99cab700033ad3d9ade25d7" alt=""><figcaption></figcaption></figure>

### Comment ajouter et modifier les boutons du menu

Il y a cinq boutons par défaut : **Services**, **À propos de nous**, **Contacts**, **Bouton**, et **Demande**. Vous pouvez également ajouter votre propre bouton.

<figure><img src="/files/503cf0e016046f9e8879111ed985f8996e8006af" alt=""><figcaption></figcaption></figure>

Pour modifier les paramètres de l’un d’eux, cliquez simplement dessus — les paramètres du bouton deviendront alors disponibles.

<figure><img src="/files/5ebf24f0e340c3760cc99e5f19228eab5475aaf0" alt=""><figcaption></figcaption></figure>

Pour activer un bouton, vous devez ajouter un lien.

<figure><img src="/files/05ffff23b91678ba2b0d171cba8cfa2a497f57db" alt=""><figcaption></figcaption></figure>

Ensuite, spécifiez l’action à effectuer lorsque le bouton est cliqué. Vous pouvez ouvrir la page soit dans la fenêtre actuelle, soit dans une nouvelle.

<figure><img src="/files/3876d048d12ad5398c3dd499690699e4691bad81" alt=""><figcaption></figcaption></figure>

Définissez les marges intérieures et la taille des boutons. Par défaut, la marge intérieure gauche est de 100, mais vous pouvez l’ajuster selon vos besoins.

<figure><img src="/files/4eb6bc72212d20edc4bd9164cf6171f305362016" alt=""><figcaption></figcaption></figure>

Choisissez la couleur du texte du bouton, la couleur d’arrière-plan, ainsi que les couleurs du texte et de l’arrière-plan pour l’état au survol.

<figure><img src="/files/bfb9494b8d979a1d8183f432b9ebbf4b3e0f78fc" alt=""><figcaption></figcaption></figure>

Enregistrez vos modifications et vérifiez-les dans le mode d’aperçu du site web.

**Comment ajouter un logo**

Pour ajouter votre logo, vous pouvez soit téléverser un fichier, soit insérer un lien.

<figure><img src="/files/74ef10d823e63a97bb04e434a4d74ace71348faa" alt=""><figcaption></figcaption></figure>

Par défaut, le logo est placé sur le côté gauche de la section. Vous pouvez ajouter un lien à l’image afin que le survol du logo déclenche une redirection. Vous pouvez également choisir où le lien s’ouvrira — dans un nouvel onglet, une nouvelle fenêtre ou sur la page actuelle.

<figure><img src="/files/2066e7ea9a8abddb0d2da4d7d0acfee08e3ce654" alt=""><figcaption></figcaption></figure>

Pour apporter des modifications au logo, enregistrez d’abord et fermez les paramètres du contenu, puis accédez aux paramètres personnalisés pour le contenu, l’arrière-plan et l’affichage.

### Paramètres personnalisés

Pour accéder aux paramètres personnalisés, survolez la section et cliquez sur le **« Paramètres »** .

<figure><img src="/files/822b72fe720ce1e112c2db16c861ce9f36504bbc" alt=""><figcaption></figcaption></figure>

Vous pouvez modifier le style du menu, la couleur d’arrière-plan et les icônes dans le menu mobile, ainsi qu’ajuster le rayon des bordures, l’espacement entre les icônes, la hauteur et la largeur du logo, et son positionnement.

<figure><img src="/files/164fe900eeb2f6cedbdc1a986b2c5f5e42c033b3" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/c7a7138081cbd00dff11f8ea8be8f9ab889303ce" alt=""><figcaption></figcaption></figure>

Ajustez la taille du logo pour vous assurer qu’il semble équilibré et harmonieux.

<figure><img src="/files/844b43ccc5ad54491525d63144551d3418ce711b" alt=""><figcaption></figcaption></figure>

N’oubliez pas d’enregistrer vos modifications.

Chaque bloc (section) possède des paramètres identiques pour l’arrière-plan, les polices et l’affichage.

<figure><img src="/files/a1346c6f447d02d2a1fe2d87777efcdd1f3427a5" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Voir l’article [« Paramètres globaux de section »](/doc/fr/websites/sites/blocks/settings.md) pour plus de détails.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/fr/websites/sites/blocks/menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.