Elemente im Hamburger-Menü ausblenden

[attj]

Ich möchte einige Elemente im Hamburger-Menü entfernen, wie z. B. Tags.

Ich habe einen ähnlichen Artikel gesehen, der besagt, dass dies mit CSS möglich ist: How can I disable "About" menu in hamburger menu?

Aber ich bin mir nicht sicher, wo ich dieses CSS in einem Plugin einfügen soll.

[Don]

Hallo,
Sie müssen eine neue Komponente dafür erstellen.

1. Gehen Sie zu /admin/customize/themes/
   Anpassen → Themes

2. Klicken Sie auf die Registerkarte Komponenten und dann auf die Schaltfläche Installieren.

3. Klicken Sie im Popup-Fenster auf die Schaltfläche Neu erstellen und geben Sie den Namen der neuen Komponente ein.
   

   

4. Klicken Sie auf die Schaltfläche Erstellen.

5. Die Komponente wurde erstellt. Wählen Sie nun aus, für welche Themes Sie sie aktivieren möchten.
   

   

6. Klicken Sie nun auf die Schaltfläche CSS/HTML bearbeiten.
   

   

7. Klicken Sie nun auf die Registerkarte GEMEINSAM und fügen Sie den folgenden Code in den Abschnitt CSS ein.
   

   

Hier können Sie auch das title-Attribut ansprechen, aber wahrscheinlich ist es besser, href anzusprechen, da dies fest ist und sich title in verschiedenen Sprachen ändert, was nicht ideal ist.

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

In diesem Beispiel blenden wir die Tags aus, aber Sie können weitere Elemente hinzufügen, indem Sie dem folgenden Code folgen.

Dies blendet Tags und Badges aus.

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

Klicken Sie auf Speichern. Fertig!

[attj]

Ich habe viel von dieser Antwort gelernt. Vielen Dank!