menus need to made ok for touchscreen

Question

About 18 months ago we built a biggish site (for us!) around Joomla. The client was very happy with the site. However, at the time it was decided not to be overly concerned about the mobile market. We incorporated some drop down menus that appear using the "hover" command, based around the good old sucker fish. Perhaps, in retorspect this wasn't he wisest thing!!!

Now our client wants to go "iDevice" friendly - of course, these menus don't work on iPad and iPhones, becuase there is no hover (or so I think!).

A few possible options have occured as to how we can edit the site so that these drop downs either work, or are removed for those devices that don't support hover.

I was wondering if you guys out there could perhaps point us in the right direction before we jump in and start experimenting, since we have not done a lot of mobile work up to this point. Would it be better for us to just do away with the drop-downs for these touch screen devices, or convert the whole lot so it works on "Click" rather than "Hover". Should we be sniffing out the availablity of "hover" as our test? Are there any good resources that you could recommend? How might we best approach this problem?

If you want to see the site its http://www.coinstreet.org/

I/we would really appreciate any pointers!

Answer 1

The only method to indicate "interest" in a region of the screen on an iPhone or touch-only device is handling taps gestures, which translate as "clicks" on a web page. One possibility is to use the "long tap" gesture to indicate a hover in your interface. But probably the best thing (unfortunately) is to redesign the UI to use "click" only, at least for the mobile market.

Answer 2

I'm using the latest version of superfish and it works fine on iPhones and iPads

For some android phones though you need to use the 'long click' gesture to drop down the menu

Answer 3

Have you tried Superfish its an enhanced suckerfish menu which will work on iphone/pad.

It may that "upgrading" to this will be the quickest option.