Hi,
On my site I use drop down menus (can’t change this) so when you have a touch device it loads the submenu for a split second before taking users to the top menu link.
Is there a clean way to stop this happening and only load the top menu if they click on it when the sub menu is opened?
Had a search around but most people seem to recommend not using submenus, not possible in this case,
Thanks
Have you checked into using media queries? You’ll be surprised what you can do with them and you might find out that you might be able to get around drop menus for touch screen devices? (:
[ot]
Your wish is my command. :)[/ot]
I do know how to make a drop-down menu function on touch screens, but I’m not sure what exactly your problem is. Can you post a link to your site?
CSS drop menus are basically not viable these days—not only because they are not accessible, but also because of the issue you are facing on touch screens. You can certainly set the dropdown to respond just to clicks/touches, rather than hovering, but that brings in its own issues. My preference these days is to use JavaScript, but to apply it to a visible set of links, so that if JS doesn’t load or isn’t available, the user still gets an accessible list of links.
As said, it would be useful to provide a link or some demo code.
Yes you can. 
I’ve been using a dropdown menu with one level of submenus that I found at http://www.lwis.net/free-css-drop-down-menu/
I may need to download the latest versions (free for commercial or personal use) just to see if it has changed since I got it back in 2008.
Be aware that I am not a developer and I didn’t know that I couldn’t do this! It is a fairly small CSS file, no javascriot involved *I don’t have any javascript knowledge. 
All I know is that it works well on my iDevices, I don’t have any other mobile devices to test/check. Of course, it works in all the desktop browsers I tried it on. But that does not include any version of Explorer, except for the free sites that will do that for you.
HTH! 