Dropdown menu op tablet

Op www.tomnatuurfotografie.nl ik een o.a bij galerie een dropdownmenu
Die klapt netjes uit in de browsers op de pc zodra je met de muis er boven zweeft.
Maar o.a op de tablets moet je er eerst op klikken dan klapt die pas uit maar ondertussen gaat die wel naar het bovenste item waar e dus op klikt.
Hoe krijg je dat goed?

Hey Tom,

In principe zou dit gewoon moeten werken. Op alle websites die ik bouw opent het submenu netjes op ipad om vervolgens na een tweede klik pas naar het item te gaan.

Het zal ongetwijfeld aan de code liggen die je gebruikt en (eenvoudig) op te lossen zijn maar denk ook eens over het volgende na. Steeds meer websites vervangen de hover-dropdown met een dropdown-on-click/tap. Met deze techniek zorg je er voor dat ook op pc's eerst zal moeten klikken om het submenu te openen. Dit lijkt in eerste instantie misschien wat vreemd maar het is eigenlijk heel logisch. De verwachtingen zijn dat in 2013 meer mensen via een mobile device (tablets en phones) over websites zullen surfen dan met een desktop pc. Om de ervaring over de verschillende devices gelijk te houden is het geen verkeerde gedachte om minder "hover's" te gaan gebruiken.

Een goed voorbeeld van hoe zo'n menu werkt is bijvoorbeeld te vinden op de website van Twitter Bootstrap (kijk eens bij de responsive navbar, naar beneden scrollen).

Ook wij hebben het maar eens ingezet op onze cursus-website.

Het nadeel is wel dat je hoofd-item geen link meer kan bevatten. Ook hier is het de vraag of zo'n 'overzichts' pagina wel daadwerkelijk nuttig is.

Denk er eens over na

Ik heb er maar een item boven gezet en daar een scheidingsteken van gemaakt. Bedoel je dat?
Nu werkt het wel op android

Niet exact wat ik bedoelde maar dit werkt inderdaad ook dus probleem opgelost lijkt me