Ich nutze das Layout Top-Responsive und habe Haupt-Menüpunkte mit Untermenüpunkten.
Beispiel: Leistungen --> Leistung 1 ...
In der Desktop Variante wird wie im Layout vorgesehen bei Mouseover unter "Leistungen" die Untermenüpunkte direkt angezeigt.
Den Klick auf den Hauptmenüpunkt "Leistungen" selbst habe ich durch eine interne Verlinkung auf "#" tot geschaltet, da man in der
Desktop-Variante direkt durch Mouseover die einzelnen Leistungen als Untermenüpunkte sieht und dann entsprechend diese anklickt.
Ich benötige daher den Hauptmenüpunkt nur als Anzeige / Link Darstellung für die Untermenüpunkte. Ich möchte auch nicht extra
eine Seite deswegen erstellen müssen.
Das Problem in der mobilen Variante ist nun aber, dass man im mobilen Menü erst auf den Pfeil rechts daneben klicken muss, um die
Untermenüpunkte zu sehen. Klickt man auf "Leistungen" passiert nichts bzw. es klappen sich NICHT die Untermenüpunkte aus, weil
dieser Menüpunkt ja durch "#" tot gestellt ist.
Wie bekomme ich es durch einen Code z.B. mit JS hin, dass sich die Untermenüpunkte in der mobilen Fassung bei Klick auf den
Hauptmenüpunkt direkt ausklappen und nicht erst auf den Pfeil? Man müsste quasi den Code des "Pfeils" auf den Untermenüpunkt
übertragen.
Hat jemand eine Idee und kann helfen?