WP + Divi menu-item auf current setzen

Hallo liebe Forengemeinschaft,

war lange nicht da habe ich gesehen, aber ich hoffe ihr könnt mir wieder helfen,
wie schon so oft :) ...
Ich habe eine Seite dupliziert, da der Inhalt zu lang war und dann die Inhalte aufgeteilt.
Zum Problem:

In der Navigation habe ich weiterhin einen Überpunkt und darunter alle Unterpunkte mit
ID angesteuert. Das funktioniert auch, springt problemlos zwischen den 2 Seiten hin und her,
aber der Überpunkt bei der zweiten Seite ist leider nicht "current" und somit auch
nicht grau hinterlegt wie angelegt bei current-item.

1.) Ich dachte mir, vielleicht kann man der zweiten Beitragsseite per function
vielleicht sagen setze menu-item-77 auf current-item ... ? Aber ich weiss leider nicht
wie man das schreibt und ob es dann funktioniert :) Jemand ne Idee vielleicht?

2.) Die styles der Subnavgation der zweiten Seite habe ich auch schon etwas unschön
mit einzelnen Auszeichnungen angepasst (hatte keine andere Idee mehr :) ) ...
vielleicht geht das auch schöner? Aber das funktioniert zumindest schonmal.

#menu-item-77.current-menu-item #menu-item-616 a {
background: transparent !important;
color: #4e4f50 !important;
padding: 10px !important;
margin: 0;
}

Würde mich super freuen, wenn jemand ne Idee hat.

Liebe Grüße Fe

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>

>>> „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