Menü funktioniert auf iPad/iPhone nicht wie gewünscht

[Ignatz]

Hallo,

ich möchte die Seite www.green-power.cc an mobile Endgeräte anpassen. Leider habe ich aber kein iPad/iPhone um das real zu testen.
Das Menü sieht so aus:
1. Hauptmenüpunkt

1.1. Untermenüpunkt
1.2. Untermenüpunkt
1.3. Untermenüpunkt
1.4. Untermenüpunkt
1.5. Untermenüpunkt
1.6. Untermenüpunkt

2. Hauptmenüpunkt

2.1. Untermenüpunkt
2.2. Untermenüpunkt

3. Hauptmenüpunkt

3.1. Untermenüpunkt
3.2. Untermenüpunkt

Der Kunde teilte mir jetzt folgendes Problem mit:
Man wählt z. B. den ersten Unterpunkt vom zweiten Hauptmenüpunkt aus (2.1). Das geht soweit. Möchte man jedoch auf den zweiten Unterpunkt (2.2) wechseln, muss man wieder auf den Hauptmenüpunkt (2.), um das Menü aufzuklappen. Und das geht eben auf iPad/iPhone nicht!!! Beim ersten Hauptmenüpunkt funktioniert es so, bei den Hauptmenüpunkten zwei und drei nicht!
Diese Effekt scheint jedoch nur die angesprochenen Geräte zu betreffen.

Kann das jemand mit entsprechender Technik bestätigen? Und kennt jemand eine Lösung dafür?
Warum klappt es beim ersten und nicht bei den anderen Hauptmenüpunkten?

Das Dropdown ist rein mit CSS aufgebaut. Für den 1. Hauptmenüpunkt sind keine besonderen CSS-Regeln festgelegt.

Vielen Dank,
Ignatz

[Ignatz]

Inzwischen habe ich hier im Forum einen Thread gefunden, der exakt meinem Problem entspricht.

Leider gibt es auch hier noch keine Lösung.

Bin also immer noch an Hilfe interessiert!

Ignatz