IOS friendly menus

[kirks]

I'm not sure what I did but IOS devices don't seem to be able to activate the Section Headers in my menu to access child menu items. It works fine in the desktop browsers and my Android phone. Any idea what I could have done?

http://www.veritywebsvs.com/furnitureshowplace2/

ks

[Dr.CSS]

You may need to customize the menu template and take out the <a class="menuparent"> part for parent section headers...

Does this work..?

http://how-i-did-that.com/cgblog/10/15/ ... -menu.html

[psy]

Your section headers are set to display the dropdown on hover, ie in your CSS, a:hover.

Touch devices, eg iOS do not understand 'hover'. You cannot hover your finger over the link and make it do something.

Either convert your section headers to links to real pages or make them redirect on click to the first dropdown item.

You could also fuss about in CSS to make the link do something on a:focus which iOS does understand.

hth
psy

[Wishbone]

In my experience IOS devices does activate hover effects over links on touch, but it's annoying when you have submenus, as when you click on the main menu items, you see the menu open, but then navigates away to the link you clicked on.

One my clients were so obsessed over IOS that they had me change the navigation submenus to "click activated" .. They also wanted it to behave the same between desktop and IOS.

http://www.beyondhometheater.com/