Wenn du bitte mal die implizit enthaltenen Fragen beantwortest?
Erklär doch bitte mal, mit welcher Technik du versucht hast, diesen „Trigger“ im mobilen Menü zu setzen.
Oder nochmal andersrum und ausführlicher:
Um einigermaßen nachzuvollziehen, was du da gemacht hast und was das sein / geben soll, habe ich mir deine Seite in zwei Browserfenstern nebeneinander geöffnet, einmal größer, einmal kleiner, so dass das minimierte Menü zum Einsatz kommt.
Im Moment ist es so, dass die Hauptmenüpunkte in der Navigation zu einer Seite führen, auf der aber nur Beispielinhalt steht. Sieht so aus, als ob die gar keinen Inhalt bekommen sollten. Wenn das so ist, wäre drüber nachzudenken, auch im Desktopmenü so einen blinden Bezeichner (mit der #) einzusetzen.
Damit hast du nun natürlich – zunächst – das Problem, dass du für die Touchscreen-Geräte kein Mouse-Over zur Verfügung hast und die Navigation per Klick auf das Hauptmenü-Element die Unternavigation öffnen muss. – Es sei denn, du entscheidest dich für eine Lösung, in der in der mobilen Version mit Klick auf das Hamburger-Symbol gleich alle Menüpunkte angezeigt werden, gegliedert, d.h. die Subnavigation eingerückt oder sonst irgendwie als sub kenntlich gemacht.
Wenn man das so macht, dass sich die Sub-Navigation auf Klick auf den Hauptpunkt öffnen soll, wird das im Allgemeinen mit einem JavaScript oder mit JQuery umgesetzt.
Mir scheint, das wolltest du aus irgendeinem Grund umgehen?
Damit wir uns nicht missverstehen: ich bin ein großer Fan von reinen CSS-Lösungen ohne JQuery oder JavaScript. Ich weiß aber nicht, ob es hier so eine Lösung gibt. Oder wenn, ob die nicht rather kompliziert ist …
Deswegen bitte: Wie hast du denn versucht, das umzusetzen? Mit target-Funktion?
Und ansonsten für die Lösung über ein JavaScript oder JQuery: Da gibt es wirklich Vieles. Versuch es doch mal mit Suchbegriffen wie „js submenu on click“. Evtl. direkt auf diesen Script-Plattformen wie CodePen etc. suchen.
Gruß
helix