Un menu hors champ (off-canvas) est un menu masqué qui s’affiche après une action de l’utilisateur, généralement via une icône (menu mobile ou bouton).

Accès dans WordPress

WordPress → Apparence → Personnaliser → En-tête (Header Builder)

Étapes à suivre

  1. Depuis le tableau de bord WordPress, cliquer sur Apparence, puis sur Personnaliser.
  2. Cliquer sur En-tête ou Header Builder selon la version du thème Astra.
  3. Repérer la zone dédiée au menu hors champ / off-canvas dans le Header Builder.
  4. Faire glisser l’élément Menu hors champ ou Off-Canvas Menu dans l’en-tête si nécessaire.
  5. Cliquer sur l’élément pour accéder à ses réglages.
  6. Sélectionner le menu à afficher dans le menu hors champ.
  7. Vérifier le déclencheur du menu (icône hamburger ou bouton).
  8. Ajuster l’affichage si nécessaire (position, largeur).
  9. Vérifier le rendu dans l’aperçu du site.
  10. Cliquer sur Publier pour enregistrer les modifications.

Points d’attention

  • Le menu hors champ doit être relié à un menu existant.
  • Vérifier que le menu s’ouvre correctement sur le site.
  • Tester l’affichage sur mobile si demandé.
  • Ne pas oublier de publier les modifications.