Hallo liebe Contao Community,

Ich bin ein recht neuer Contao User, habe gerade mal 2 Webseiten erstellt.
Jetzt bin ich zurzeit daran eine ein Update zu verpassen.

Hier kommt natürlich auch das Thema Navigation für mobile Geräte auf.
Ich habe versucht die Navigation so zu bauen, dass sie auch auf allen Geräten funktioniert. Zum Testen nutze ich mein Surface 2 und Nokia Lumia 920 (bin also ganz gut ausgestattet )

Jetzt zu meinem Problem, womit ich mich jetzt schon einige Zeit beschäftige, ich habe dazu auch hier schon unzählige Beiträge gelesen und verschiedene Methoden, wie z.B. JS oder CSS3 :target ausprobiert.
Aber nie kam ich auf das gewünschte Ergebnis.
Die Testseite lautet zurzeit: http://www.testseite.odenwaelder-fleischwaren.de und befindet sich erst am Anfang der Implementierung und ist sicherlich auch nicht im besten Code geschrieben.

Die Navigation habe ich standarmäßig mit den CSS-Elementen hover und focus gestylt. Die funktioniert auch einwandfrei auf meinem Desktop, nur halt nicht auf den anderen Geräten, da diese ja kein hover simulieren können.

Vielleicht kann mir einer von euch mit diesen wenigen Informationen weiterhelfen. Ich könnte auch einen Zugang freischalten, so dass sich jemand meinen Bad-Code anschauen kann.


Vielen Dank für die Hilfe.