Umstellung Desktop-Version auf responsive Version

[Debbie]

Hallo,
dammit ggf. ein Untermenu aufklappt, habe ich bisher in CSS angegeben:

  
...:hover , ...:focus, ...:active {  
    display: .....  
}

Was muss ich zusätzlich angeben, damit bei touch-Screens dies ebenfalls funktioniert?
Grüße
Debbie

[T-Rex]

Hallo Debbie,

in der Regel baut man ein Menü so dass jeder Punkt verlinkt ist. Meistens ist das auch der Punkt, der als Startpunkt für das Hover dient. Ein Menüoberpunkt. Das würde auch Touchpads bedeuten, egal wie du es machst, der Toucher würde den Klick auf den Links auslösen.

Ergo ist deine erste Sorge den Klick auf einem Touch nicht auszulösen. Hierfür musst du Javascript hinzuziehen. Dort wird der Klick auf den Menüoberpunkt unterdrückt. In diesem Zuge bekommt der Menüoberpunkt eine Klasse "open" (oder so). Jetzt kannst du durch Kaskadierung das Submenü offen lassen. Bei erneutem klicken des Menüoberpunktes wird die Klasse open wieder entfernt.

Gruß
Entfernter
T-Rex