I tried the CC site on Firefox and Chrome in Nexus 7. Because each top level menu item is itself a link to a page which lists all the items in that section of the drop down menu, when I touched on the top level menu item two things happened. Firstly the drop down menu dropped down but then in Chrome before I had a chance to enlarge the page to read the items in the drop down menu and then click on one of them, the link in the top menu item opened and I had a page with links to all the items in that part of the drop down menu.

In Firefox the drop down menu was visible for longer than in Chrome and if I tapped elsewhere sometimes the drop down menu would disappear and sometimes it wouldn't before the page transferred to the link in the top level menu item. So it seems on Nexus 7 everyone is in the same boat.

I bet a little JQuery could fix this.
Take a look at this.
http://webdesign.tutsplus.com/tutorials … avigation/

Are you going to go through what you went through with me before to help me get this right?

I'm sorry, but what did I help you with before? I'm interested in this so I'll take a look today when I get a few minutes to test. Go ahead and make a page with just the navagation for testing and give it a try. It's pretty striaght forward with the example showing everything you need to tweak.

I just checked out the demo on my Nexus 7 and the amazing thing about it is that if you hold your tablet in landscape position it produces a horizontal drop down menu across the top of the screen but if you hold it in portrait mode it produces a vertical drop down menu. And the drop down menu works properly. That's quite something! I should have added a to my previous post.

Yup, can you say JQuery is cool?

Well I've spent my afternoon transferring all my menu data into the files I downloaded from the site and created a mock page of my website. I've reduced the number of menu items and reduced the menu from two levels to one. I've tried it out on my Nexus 7 and in both Chrome and Firefox the drop down menu does stay down and it does disappear when you tap elsewhere. It doesn't appear as a vertical menu when I look at the screen in portrait mode, it remains a horizontal menu, but by enlarging the image you can easily read the items in the menu. I've got a couple of problems with it. For some reason it won't fill the width of my web page on a PC like the old one did. I also need to play around with the various colours, I only stuck two colours on in my mock up. But it seems to work OK. If you want to take a look or try it out on your iPhone the url is www.uk.digiserve.com/mentor/minoan/new_menu_trial.htm

Your well on your way. Awesome.
Try adding this to the head of the page.
<meta name="viewport" content="width=device-width, initial-scale=1">

I just took another look at the instructions on the website and I'd left out a meta tag. I put it in and now I get the vertical menu on the portrait position on the Nexus 7. Only the word "menu" appears instead of the full menu. If you tap on the word "menu" the top level menu drops down. It only goes away if you tap on the word menu again. If you tap on a top level menu item then the list drops down below it. It isn't so obvious at the moment because I'm only using two colours, one for background and one for foreground. Obviously I'll have to change that. Here I am, 64 years old, and I've got started on a responsive web site!

Needless to say, many thanks once again for the invaluable help you provided in pointing me in the right direction.

Boy, nothing gets past you does it! I didn't see your last post until I'd written mine but you were spot on in identifying the problem.