Masquer des éléments dans le menu hamburger

[attj]

J’aimerais supprimer certains éléments du menu hamburger, comme les Tags.

J’ai vu un article similaire qui dit que c’est possible avec du CSS : How can I disable "About" menu in hamburger menu?

Mais je ne suis pas sûr où mettre ce CSS dans un plugin.

[Don]

Bonjour,

Vous devez créer un nouveau composant pour cela.

1. Allez dans /admin/customize/themes/
   Personnaliser → Thèmes

2. Cliquez sur l’onglet Composants, puis sur le bouton Installer.

3. Dans la fenêtre contextuelle, cliquez sur le bouton Créer un nouveau et tapez le nom du nouveau composant.
   

   

4. Cliquez sur le bouton Créer.

5. Le composant est créé. Sélectionnez maintenant le(s) thème(s) sur lequel/lesquels vous souhaitez l’activer.
   

   

6. Cliquez maintenant sur le bouton Modifier CSS/HTML.
   

   

7. Cliquez maintenant sur l’onglet COMMUN et collez le code ci-dessous dans la section CSS.
   

   

Ici, vous pouvez également cibler l’attribut title, mais il est probablement préférable de cibler href car il est fixe et title change selon les langues, ce qui n’est pas idéal.

.menu-panel li a.widget-link {
  &[href="/tags"] {
    display: none;
  }
}

Dans cet exemple, nous masquons les Tags, mais vous pouvez ajouter plus d’éléments en suivant le code ci-dessous.

Cela masquera les Tags et les Badges.

.menu-panel li a.widget-link {
  &[href="/tags"],
  &[href="/badges"] {
    display: none;
  }
}

Cliquez sur Enregistrer. Terminé !

[attj]

J’ai beaucoup appris de cette réponse. Merci beaucoup !

[system (system) A fermé ce sujet ()]

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.