Solved

CSS Javascript menus do not work on the iPhone / iPad

Posted on 2011-02-18
1
481 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
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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
This article discusses four methods for overlaying images in a container on a web page
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…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

920 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now