Dans ce tutoriel, nous allons voir comment faire pour que le menu reste fixé en haut de l’écran lorsque l’utilisateur fait défiler la page sur un site WordPress utilisant le thème Divi.

Cela permet aux visiteurs d’avoir toujours accès au menu de navigation, même lorsqu’ils se trouvent plus bas dans la page.

1. Activer la barre de navigation fixe dans Divi

Avant de modifier notre menu, il faut vérifier que l’option de navigation fixe est bien activée dans Divi.

Pour cela, dans le tableau de bord WordPress, allez dans :

Divi → Options du thème → Général

Recherchez ensuite l’option :

« Barre de navigation fixe »

et assurez-vous qu’elle est bien activée.

2. Sélectionner la section qui contient le menu

Maintenant, ouvrez votre en-tête avec le Visual Builder de Divi.

Sélectionnez toute la section principale qui contient le logo et le menu.

Dans Divi, il s’agit de la zone bleue, et non uniquement du module Menu.

C’est important, car nous voulons que toute la barre de navigation reste visible : le logo, les liens du menu et les éventuels boutons.

3. Rendre le menu fixe

Une fois la section sélectionnée, cliquez sur Paramètres ⚙️, puis allez dans :

Avancé → Effets de défilement

Dans Position collante, sélectionnez :

« Rester en haut »

Vous pouvez laisser le Décalage supérieur collant à 0px afin que le menu reste directement en haut de l’écran.

4. Enregistrer les modifications

Une fois le réglage effectué, enregistrez les modifications.

Lorsque vous descendez maintenant dans votre page, le menu reste fixé en haut de l’écran et accompagne l’utilisateur pendant son défilement.

En résumé

Le chemin est simplement :

Section du menu → Avancé → Effets de défilement → Position collante → Rester en haut

Et pensez également à vérifier :

Divi → Options du thème → Général → Barre de navigation fixe → Activée

Votre menu est maintenant fixe et reste accessible pendant toute la navigation.