Menu zeigt alle Child Pages auf mobiler Version

Hallo liebe Forumnutzer,

Ich bin zur Zeit damit beschäftigt eine Website für meine Arbeitsstelle zu entwerfen und beschäftige mich jetzt seit gut einem Monat mit Wordpress und ein paar Monate länger mit HTML und CSS .

Ich habe für die Website das Theme Dynamic news gewählt und bin mit den Responsive Design des Themes sehr zufrieden.

Ein kleiner Makel an dem Themen ist jedoch, dass auf der mobilen Version beim Öffnen des Menüs alle parent pages mit den child pages angezeigt werden. Da hierbei viele Seiten zusammen kommen, ist es eine ewige Scrollerei, die ich auf ein Minimum reduzieren möchte.

Daher meine Frage:

Wie stelle ich es am besten an, dass die child page erst angezeigt werden, wenn man die entsprechende parent pages geöffnet werden möchten? Ich habe mal Plugins gesehen, die ein plus vor jede parent page setzen, jedoch hat das entweder nicht funktioniert oder es hat mein komplettes design zerstört.

Könnt ihr mir Plugins oder CSS Zeilen nennen, die mir bei meinem Problem behilflich sein können?

Meine Seite: tannet.bplaced.net/wordpress

Ich benutze wordpress Version 4.0 und das Themen Dynamic News lite.

Danke schön im Voraus

Simon

Hier ein Screenshot des Navigationsmenüs. Man sieht, dass alle child pages angezeigt werden. Bei dieser parent page sind es nur ein paar, aber teilweise summiert sich das auf ein Dutzend, je nachdem wie viele verschiedene Themen angesprochen werden

Gibt es die Option im CSS ein Dropdown einzufügen, damit nur die parent pages angezeigt werden und nur die child pages beim ausklappen der parent page?

Ich habe auch über die Möglichkeit eines doppelklicks zum öffnen eines Links gesehen. Ein einfacher Klick klappt nur die parent page auf. Wie das machbar ist habe ich jedoch nicht herausgefunden. Hat jemand diese Möglichkeit schon ausprobiert und könnte mir weiterhelfen?

MfG

Simon