Problem for Iphone users to open and use the menu

[chrisbar]

Hello everybody,

I have a continuing problem with the users of our site who use an Iphone. They can for whatever reason not use the menubuttons on our site. f.y.i. our site is www.red-eagles.nl. I have donloaded the IBB demo software to check the site, but with this software the menu works fine.Does anyonde know how to fix this?
We use CMS version 1.9.4.2

Thanks for the help!

Chris

[M@rtijn]

Are these menu items by any chance section headers?

See: http://forum.cmsmadesimple.org/viewtopi ... er#p263724

[chrisbar]

The menu is placed in the sjabloon as follows:

{* Start Content *}
<div id="content">

{* Start Navigation *}
<div id="menu_vert">
{* stylesheet "Navigation: CSSMenu - Horizontal" *}
<h2 class="accessibility">Navigation</h2>
{menu template='cssmenu.tpl' start_level='1' number_of_levels='4'}
<hr class="accessibility" />
</div>
{* End Navigation *}

It is correct that the main menu (highest level is section Head and the lower levels are content.

[M@rtijn]

Ipad/Iphone/other fancy mobiles can't cope with a dropdown menu. This is not CMSMS or menu related.

As written in the topic I linked to in my previous post, you might want to check this out:

http://blog.0100.tv/2010/05/fixing-the- ... phoneipod/
It uses some jquery to rewrite the behaviour of the hovering <a> element

The other way to deal with this problem is to change the type section header into a landingpage

[chrisbar]

Hello,

I can not find a type 'landingpage' so when looking voor the JQuery script I wonder where to place this script (underneath) in my website?

//ipad and iphone fix
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
$(".menu li a").click(function(){
//we just need to attach a click event listener to provoke iPhone/iPod/iPad's hover event
//strange
});
}