Okeeeee - sorry, neuer Versuch
danke dir.
Wordpress 6.1.1
Divi Theme von ET 4.19.4
Ich kann den Link zur Beta leider noch nicht veröffentlichen von daher etwas Code
Das ist die Struktur der Navigation
<ul id="top-menu" class="nav">
<li id="menu-item-77" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-69 current_page_item current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-77"><a href=„seite1“ aria-current="page">Seite</a>
<ul class="sub-menu">
<li id="menu-item-604" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-604">
<a href=„seite1/#unterpunkt1“ aria-current="page">Unterpunkt1</a></li>
<li id="menu-item-605" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-605">
<a href="seite1/#unterpunkt2“ aria-current="page">Unterpunkt2</a></li>
<li id="menu-item-606" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-606">
<a href="seite2/#unterpunkt1“>Unterpunkt3</a></li>
<li id="menu-item-607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-607">
<a href="seite2/#unterpunkt2">Unterpunkt4</a></li>
</ul>
</ul>
Alles anzeigen
>>> „Seite“ wird mit diesem aria-current=„page“ angesteuert denke ich, damit die styles wie folgt gezeigt werden:
#top-menu li.current-menu-item a, #top-menu li a:hover {
background: #919db9 !important;
padding: 40px 30px 20px 30px !important;
color: #fff !important;
}
>>> styles der Unterpunkte werden so formatiert
#top-menu li ul li.current-menu-item a {
background: transparent !important;
color: #4e4f50 !important;
padding: 10px !important;
margin: 0;
}
>>> und um das auch bei den Unterpunkten der anderen Seite zu haben viel mir nichts besseres ein als dann
die einzelnen Menüpunkte mit der ID Nummer anzusteuern
#menu-item-77.current-menu-item #menu-item-616 a {
background: transparent !important;
color: #4e4f50 !important;
padding: 10px !important;
margin: 0;
}
Aber das Hauptproblem besteht darin, dass die Hauptnavigation, der Punkt „Seite“ beim Sprung
auf z.B. Unterpunkt 3 bzw. 4 nicht mehr als „Current“ erkannt wird (logisch
) und dann die styles
nicht gehen. Da dachte ich eben an eine Funktion evtl. dass man der Seite 2 sagt setze Seite 1 als
aria-current="page" … beim Laden … wenn so was geht? ![]()
Hoffe es ist genauer erklärt - sorry nochmal
Freue mich immer noch über Hilfe ![]()
Liebe Grüße Fe