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