Page 1 of 1

Problem for Iphone users to open and use the menu

Posted: Mon Jan 16, 2012 9:35 am
by 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

Re: Problem for Iphone users to open and use the menu

Posted: Mon Jan 16, 2012 12:31 pm
by M@rtijn
Are these menu items by any chance section headers?

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

Re: Problem for Iphone users to open and use the menu

Posted: Mon Jan 16, 2012 1:35 pm
by 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.

Re: Problem for Iphone users to open and use the menu

Posted: Mon Jan 16, 2012 3:06 pm
by 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

Re: Problem for Iphone users to open and use the menu

Posted: Mon Jan 16, 2012 4:33 pm
by 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
});
}