I found that using opacity:0 and then opacity:1 on :hover with a CSS3 transition causes the rollover to break on iPad, so I basically just used a mobile detection script in PHP, and then updated my dropdown class to have display:none, and made sure the :hover state had display:block as well as opacity:1.
Guys, here in Europe Android is currently taking between 65 top 75% of market share. These tricks dont work as easily on Android.
Why on earth would one develop for iPhone and forget Android?
You may like iPhone betetr than Android, but if 2/3 of users is using Android, then you are not doing it right.
I checked Jeyloos solution, and on android it doesn behave very logical.
You have to long-press the menu before the dropdown shows.
My opinion is that one should try and avoid submenu’s on pages if possible.
For existing ages you can try Jeyloos technique, but its still not perfect.
Maybe there isa better trick for Android as well?