Solved

CSS Javascript menus do not work on the iPhone / iPad

Posted on 2011-02-18
1
486 Views
Last Modified: 2012-05-11
Go to this site: http://www.frcds.org/

All works fine with the pulldown navigation menu. At least on the PC and Mac. However, the menus do not expand on the iPhone or iPad. Any suggestions?
0
Comment
Question by:msukow
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 4

Accepted Solution

by:
LAMASE earned 500 total points
ID: 34930801
The js code that opens the menu is looking for the "mouseover" event, wich obviously cannot be fired on iPhone/iPad.

I suggest you to change script and use jQuery with something like

$('#menuitem1').bind('mouseover, click', function() {
  $('#submenu1').fadeIn();
})

You will need to place the submenu by yourself with css (remember "position: absolute")
0

Featured Post

Major Incident Management Communications

Major incidents and IT service outages cost companies millions. Often the solution to minimizing damage is automated communication. Find out more in our Major Incident Management Communications infographic.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CSS style formatting? 2 56
setting backkground on single page on wordpress 4 39
HTML CSS and  Table design 4 61
Anchor Bookmark 6 32
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
Active Directory replication delay is the cause to many problems.  Here is a super easy script to force Active Directory replication to all sites with by using an elevated PowerShell command prompt, and a tool to verify your changes.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question