[SOLVED] CSSMenu Horizontal works everywhere except iPad

[fearmydesign]

I have spent hours going through the code, comparing the code, searching, testing different css styles etc... but I can't seem to get the drop down menus to show up on an iPad... it works everywhere else, I use this same exact menu on other sites and they all work fine on the iPad... I just don't understand why this particular one doesn't work when you press on the drop down menu items on the navigation menu. I have even tested different menu templates, uploaded menu templates from other sites that I know work on the iPad, but nothing... it just doesn't work.

I am using version 1.10.3 CMSms
site: http://www.tansaturnstile.com
MenuManager template: std cssmenu.tpl
CSS: Navigation: CSSMenu - Horizontal

Any other suggestions, please that would be of great help.

[mcDavid]

It's an iOS browser bug, you can only activate :hover actions on clickable items. The solution would be to add a javascript onclick action to the section headers, or use links instead of section headers.

[Dr.CSS]

If you need top menu items to not be actual pages you can make them internal links to the first child page under it...

[fearmydesign]

It's an iOS browser bug, you can only activate :hover actions on clickable items. The solution would be to add a javascript onclick action to the section headers, or use links instead of section headers.

Ahhh... thank you, truth is, I would have never figured that out! I will defeniteley into the javascript option.

If you need top menu items to not be actual pages you can make them internal links to the first child page under it...

Dr.CSS this was a great option to fix it right away. Thank you