3 min de lecture
Un menu mobile Divi peut être absent, bloqué ou afficher de mauvais liens. Le symptôme permet de choisir entre un contrôle de l’en-tête, du menu sélectionné ou de son interaction.
Du modèle à l’interaction
- En-tête affiché
- Menu sélectionné
- Bouton testé
Dépanner le menu hamburger de Divi
Comparez la page concernée avec une autre page qui fonctionne. Si le problème touche seulement une famille de pages, ouvrez le Theme Builder et vérifiez si un en-tête spécifique remplace l’en-tête global. Vérifiez aussi les réglages de visibilité du module sur téléphone.
Avant de corriger le menu
- L’adresse où le bouton échoue et une adresse où il fonctionne.
- Le comportement au chargement, puis après défilement.
- Le modèle d’en-tête affiché sur chaque page.
Le bouton du menu mobile Divi est visible mais ne s’ouvre pas
Testez sur un vrai téléphone, puis dans une fenêtre privée. Regardez si un autre bloc recouvre la zone du bouton ou si le menu s’ouvre derrière un élément. Sur une copie, désactivez un seul réglage d’optimisation ou code ajouté à la fois. Si une erreur JavaScript apparaît, relevez le fichier et l’action qui la déclenche avant de modifier le site.
Regardez si le même module Menu sert sur ordinateur et téléphone ou si la mise en page responsive utilise deux modules. Dans le second cas, comparez les règles de visibilité et les menus sélectionnés. Si le bouton se trouve sous une bannière fixe, vérifiez quel élément reçoit le clic avant de changer le CSS.
Le menu mobile Divi s’ouvre mais montre les mauvais liens
Ouvrez le module Menu du modèle concerné et vérifiez le menu WordPress sélectionné. Comparez sa liste de liens, l’ordre et les sous-menus avec ceux visibles en public. Si desktop et mobile utilisent deux modules, vérifiez la sélection de chacun.
Exemple de diagnostic
Si le menu fonctionne sur l’accueil et échoue sur les articles, comparez d’abord les en-têtes affectés aux deux types de pages. Une correction dans l’en-tête global ne suffit pas si les articles chargent un autre modèle.
Votre menu reste inutilisable sur téléphone ?
Je peux examiner l’en-tête affiché et rétablir l’accès aux liens de navigation.
Tester le menu mobile Divi sur téléphone
Ouvrez puis refermez le menu, développez un sous-menu et suivez un lien. Si l’en-tête est fixe, répétez après avoir fait défiler la page. Sur un en-tête commun, testez également une page avec un modèle distinct pour repérer un réglage qui ne s’applique qu’à une partie du site.
Si les visiteurs voient une ancienne version de l’en-tête, identifiez la couche de cache concernée. Vider le cache WordPress : afficher les dernières modifications
Isoler un en-tête différent sur une page de prestation
Le menu s’ouvre sur l’accueil mais reste bloqué sur une prestation. Commencez par comparer les en-têtes affichés hors connexion. La page de prestation peut utiliser un autre modèle ou présenter un bloc qui recouvre le bouton.
- Comparez l’affectation des deux pages dans le Theme Builder.
- Si l’en-tête est identique, testez avant et après défilement. Vérifiez si le bloc qui recouvre le bouton apparaît seulement après activation de l’en-tête fixe.
- Après correction, ouvrez un sous-menu, suivez son lien et recommencez sur une page témoin.
Un menu mobile Divi peut apparaître correctement sur l’accueil et échouer sur une prestation. Testez les deux URL au même format pour distinguer un en-tête différent d’un problème d’ouverture sur tout le site.
Vérifier le résultat
| Symptôme observé | Premier contrôle |
|---|---|
| Bouton invisible | Modèle affiché et visibilité mobile |
| Bouton bloqué | Superposition ou erreur JavaScript |
| Liens inattendus | Menu WordPress sélectionné dans le module |
- Le bon menu apparaît sur chaque modèle concerné.
- Le bouton et les sous-menus répondent sur téléphone.
- Les liens restent accessibles au clavier.
Consulter la documentation de référence.
Questions fréquentes
Pourquoi le menu s’ouvre-t-il dans le constructeur mais pas en public ?
Comparez les ressources chargées hors connexion et l’élément qui reçoit le clic. Une superposition ou une optimisation appliquée au rendu public peut expliquer l’écart.
Pourquoi voit-on les mauvais liens uniquement sur mobile ?
Il peut y avoir deux modules de menu. Comparez le menu WordPress sélectionné dans chacun avant d’en modifier les liens.
Pourquoi le menu mobile Divi se bloque-t-il après défilement ?
Reproduisez-le avec l’en-tête fixe actif, puis repérez sur une copie les éléments qui se superposent au bouton.
Le menu s’ouvre mais les sous-menus sont inaccessibles. Que vérifier ?
Sur téléphone, testez séparément le lien du parent et l’ouverture de son sous-menu. Vérifiez aussi au clavier que le focus peut atteindre les liens et quitter le menu.
Pourquoi le menu change-t-il sur une seule page ?
Identifiez le modèle d’en-tête appliqué à cette URL. Une condition du Theme Builder peut attribuer un autre en-tête à la page. À lire aussi, les conditions du Theme Builder.
À retenir
Testez l’ouverture, les sous-menus et les liens de votre menu mobile Divi.
