Navigation: Untermenüs offen anzeigen
-
Hallo alle zusammen
Theme Twenty TwentyFour:
Auf der rechten Seite habe ich eine Seitenleiste eingebaut.
Wie erreiche ich es, dass im NavigationsBlock die Untermenüs des Hauptmenü IT aufgeklappt sind?Vielen lieben Dank für Informationen
Gruss Markus
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Das ist so nicht vorgesehen.
Als Workaround erstellst du ein Menü mit mehreren Menü-Einträgen und weist denen, die als Untermenü dargestellt werden sollen (hier „Mein Angebot“ (1) und „Meine Laufbahn“) in der Sidebar unter Erweitert (2) eine CSS-Klasse „unterseite“ hinzu:
Diese kannst du nun in Design > Editor > Stile ⋮ Zusätzliches CSS mit einer CSS-Regel versehen:
.wp-block-navigation-item.unterseite {
margin-left: 1rem;
}Das Ergebnis sieht dann so aus (Menü hervorgehoben):
Hallo alle zusammen,
der Beitrag ist schön älter, aber immer mal wieder aktuell.
Daher danke für die damalige Antwort.
Ich dachte, es wäre, nachdem die Einrückung funktioniert, kein Problem, den Abstand zu reduzieren. Aber denkst Du, die Rechnung ohne das Universum gemacht.
Folgendes CSS habe ich geschrieben:.SubMenu {
padding-top: 0rem;
padding-bottom: 0rem;
margin-left: 1rem;
margin-bottom: 0rem;
}Margin left 1 funktioniert. Aber der Abstand bekomme ich nicht hin.
Was mache ich falsch?
Vielen Dank für Euren Super Support
Gruss MarkusHallo,
tja, da will ich mir das im Frontend ansehen, aber kein Zugriff. 🤷♂️Viele Grüße
Hans-GerdHmm… kann es sein, dass ich den Link zu https://staging.mw9.ch/#google_vignette vergessen habe zu schreiben? Das ist ja eine Schande für mich. Bitte verzeih…
Vielen Dank für Deinen geschätzten Einsatz
Gruss MarkusHallo,
wenn ich das richtig sehe, hast du nicht wie von Bego vorgeschlagen die Regeln bei Custom CSS eingegeben und auch nicht die CSS-Klasse „Unterseite“ eingerichtet.Daher die Frage: Wo genau hast du die genannte Regel eingegeben?
In dem folgenden Beitrag von mir zeige ich in einem kurzen Video, wo du die CSS-Regeln als Custom CSS erfasst.
Viele Grüße
Hans-GerdHallo Hans Gerd, da ich weiss, dass ich nicht nur ein CSS Befehl eingeben möchte, sondern vermutlich immer mal wieder eine anpassung wünsche, habe ich das CSS nicht pro Untermenüpunkt geschrieben, sondern in eine Klasse definiert. Im WebSeiten Editor unter Benutzerdefiniertem CSS habe ich die Klasse .SubMenu {…} definiert.
Und bei jedem Unteremnü im Navigationsblock habe ich unter erweitertert, zuaätzliche CSS Klassen „SubMenu“ eingetraagen.
Dass es funktioniert ist auch der Beweis, wenn ich im Benutzerdefinierten CSS den margin-left: 1rem; erhöhe, ist der Einzug grösser.
Aber ich möchte ja jetzt neu, den Abstand vom Hauptmenüpunkt „Excel“ zum Untermenüpunkt „Funktionen“ verkleinern.
Und das stellte ich mir vor, ist mit Margin_Top auf dem Untereintrag „Funktionen“ oder mit Margin_Bottom auf dem übergeordneten Eintrag „Excel“ zu lösen.
Aber beides führte mich nicht zum Erfolg.Im Navigationselement habe ich keine Untermenüs definiert. Denn ich möchte die aufgeklappt sehen und nicht mit einem Dreieck zugeklappt. Der Anwender soll die ganze Navigation in der Sidebar vollständig offen sehen. Auf und zuklappen, kann der Anwender im Header im dortigen Navigationselement.
Gerne würde ich eine Seite angeben, auf welcher man mein Wunsch in der Seitnbar rechts sehen kann. Aber ich habe Angst, dass wenn ich einen Link angebe, ich gesperrt werde wie dies schoneinmal passiert ist. Die Seite wäre MarkusMinusWinterPunktCh in der Hoffnung, dass ihr vom Support die Zeichen ersetzen könnt, aber der Roboter mich nicht sperrt, weil es ja keine Werbung wäre.
Viele liebe Grüsse
MarkusHallo,
hier ein kurzer Ansatz zur Verbesserung, der aber noch nicht optimal ist.
Dazu müsste ich das nachbauen, um das umfassender testen zu können.Teste doch bitte mal die folgende Regel unter Custom CSS:
li.wp-block-navigation-item.SubMenu.wp-block-navigation-link { line-height: 10px; }
Die Klasse solltest du übrigens sicherheitshalber nicht „submemu“, sondern wie von Bego vorgeschlagen „unterseite“ o. ä. nennen.
An dieser Stelle möchte ich aber noch darauf hinweisen, dass wir hier bei WordPress-Fragen helfen. CSS-Probleme gehören in der Regel nicht dazu, auch wenn wir je nach Zeit mal entsprechende Tipps geben.
Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier, hier oder hier. Hier noch ein Link zu einem Hilfe- und Austausch-Forum für (u. a.) CSS -> Forum.Viele Grüße
Hans-GerdHallo Hans-Gerd,
Danke für Deine Informationen.
Ja, die Namensgebung, da gebe ich Dir total recht. Da sollte man unbedingt darauf achten, auf keinerlei Konflikte mit bestehenden Namen zu kommen.
Der Vorschlag zur Einrückung ein CSS zu verwenden, bin ich nach wie vor der Meinung, dass er richtig war.
ABER
Die Lösung mit den Abständen von Eintrag zu Eintrag, das denke ich, ist nicht ideal mit CSS zu lösen. Sondern vielmehr beim Navigationsblock mit der „Eigenschagt/Stiel“ Blockabstand.
Smile, und somit wären wir wieder beim SupportForum, welches CSS nur ausnahmsweise beantwortet.
Ich danke Eurem gesamten Team für Eure unermessliche Geduld und Euer Fachwissen, welches ihr uns Hilfesuchenden immer wieder weitergebt.
Gratulation !Hallo Markus,
danke für deinen netten Kommentar und „gelöst“ markieren😊Nunja: ich war davon ausgegangen, dass der Abstand zwischen den Hauptmenüpunkten größer sein sollte als der Abstand zwischen den Untermenüpunkten. Vermutlich wohl ein Missverständnis. Mit Bordmitteln kann natürlich tatsächlich über die Eigenschaften der Abstand zwischen den Blöcken geändert werden. Das ist richtig.
Viele Grüße
Hans-Gerd
- Du musst angemeldet sein, um auf dieses Thema zu antworten.