Page 1 of 1
[SOLVED] CSSMenu Horizontal works everywhere except iPad
Posted: Thu Mar 22, 2012 2:31 pm
by 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.
Re: CSSMenu Horizontal works everywhere except iPad
Posted: Thu Mar 22, 2012 5:22 pm
by 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.
Re: CSSMenu Horizontal works everywhere except iPad
Posted: Thu Mar 22, 2012 5:38 pm
by 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...
Re: CSSMenu Horizontal works everywhere except iPad
Posted: Thu Mar 22, 2012 10:59 pm
by fearmydesign
mcDavid wrote: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