Drop Down Menu / Posts /

Drop Down Menu showing up on computer and iPad but not iPhone

0
I have set up the Drop Down Menu, but I am unable to accurately test it because I can not see it on my iPhone.  It shows up and works fine on both my computer and my iPad.  However, nothing shows up when viewing the page on the iPhone. 
I originally had one of the CCS drop down menus installed to try it out and changed to the drop down menu when I was having problems getting it to show up on the iPhone.  I have checked the settings on my phone and Java IS enabled, so I'm not sure what the problem is.

Here is the page: http://www.engaging-technologies.com/test2.html

Any help would be appreciated.

Thanks,

Cathy
Cathy Frank  10 years ago   viewed: 4148    

10 Answers

0
Is this page http://www.menucool.com/ddmenu/create-mobile-friendly-responsive-menu.aspx working on your iPhone?
Milo   10 years ago
0

Ensure that the browser you're using on your iPhone is up to date. Different browsers might interpret JavaScript and CSS differently, and an outdated browser could lead to compatibility issues.

CelesteTwohig   2 months ago
0
Yes, Milo.  The responsive menu on that link works just as it should.

Cathy   10 years ago
0
Your ddmenu.css contains errors. It seems you have copied the code from our page that is not complete(it is just a brief instruction and contains comment sentences that is not the correct CSS code). You should copy the css code from the download package available at page Mobile-friendly Responsive Menu.
Milo   10 years ago
0
Milo,  Thanks for your reply.  Even after using the exact same CSS code, the menu is still not showing up on my iPhone, although it does show up on my computer and iPad and is now responsive.  I didn't modify any of the code.   Maybe something else is conflicting with my menu?

You can see it here: http://www.engaging-technologies.com/test2.html
Cathy   10 years ago
0
You didn't upload the menu icon image to the same folder of your ddmenu.css file.
Milo   10 years ago
0
OK, so I feel like I have everything in there now (along I know the menu bar is a little long with that logo on there; I wouldn't use that in mine.)   when I look at it on the iPhone, the 3 stacked bars of the mobile web menu are in the top right-hand corner, but there is no nav bar.
Cathy   10 years ago
-1
You need to pay special attention to the menu's container if you want the menu to be responsive. The menu's container should not have a specific width. The menu wrapper is better to be 100% in width, though you can specify a min-width for it.

It is also better to have Meta viewport specification for the responsive menu (Check the step 1 on page Mobile-friendly Responsive Menu for details)
Milo   10 years ago
0
I'm definitely not a CSS guru and I didn't see anything that corresponded to the menu's container or wrapper. Which part of the CSS directs the container and wrapper size?  Is this controlled by the menu CSS or my entire site's CSS?
Cathy   10 years ago
0
You ddmenu is wrapped by <div id="Header">...</div> that should not be styled as {width:1000px;}
You can set it as {max-width:1000px; margin:0 auto;}
Milo   10 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question:
▲