Menus for iPads, iPhones etc - Post...

User 124847 Photo


Registered User
8 posts

Good morning

I've successfully used the css menu designer in a club website (www.ramblerseastcheshire.org.uk) for a while now. The menu, which includes drop-downs, works fine on all versions of Explorer, Firefox & Safari but not on an iPad and, I expect, other devices with touch screens where options are chosen by touch-and-tap rather than hover-and-click.

What's the best approach? Would the Flash Menu Builder work for both platforms (PC and tablet etc)? I definitely don't want two versions of the site!

-- Graham
User 187934 Photo


Senior Advisor
20,271 posts

It works great on my Palm Pre.:D
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 629005 Photo


Ambassador
2,174 posts

Works fine on my Sanyo Zio too. :D
Living the dream, stocking the cream :D
User 1948478 Photo


Senior Advisor
1,850 posts

Your CSS menu seems to be imported by javascript.
Is JavaScript enabled on the iPad that you tried it on?

What's the best approach? Would the Flash Menu Builder work for both platforms (PC and tablet etc)?

Flash is not supported on the iPad.
Your choice of CSS for the menu should make it the most 'universal' !
User 187934 Photo


Senior Advisor
20,271 posts

Good catch Per. I only looked at it on my phone. There's a bunch of script includes generating the nav.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 124847 Photo


Registered User
8 posts

Ah - about the JavaScript: what I did was to use the CSS Menu Designer to generate HTML for the index, which worked fine. But if, later, I wanted to change the index - even if only in a very minor way - I had to edit the HTML on every page of the site. That was a pain, so I used a very crude but effective HTML to JavaScript converter to create a function and replaced my various copies of the index HTML with a single-line JavaScript call on each page. I only had to edit the JavaScript function once to get the same result!

Good point about JavaScript being enabled on the iPad. I'll check.

-- Graham
User 124847 Photo


Registered User
8 posts

Phil wrote:
Works fine on my Sanyo Zio too. :D


One small but important point: do the drop-down menus work? The top-level menus work on an iPad, but it's the drop-downs that are the problem - perfect on a PC, not on the iPad.

-- Graham

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.