CSS Responsive menu with Three Layers

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

CSS Responsive menu with Three Layers

Post by simonmlewis »

Hi

We are using this menu system. Works great on a PC, but has a flaw on mobile, and maybe someone can help me with it.

http://cssmenumaker.com/menu/responsive-flat-menu

On a mobile device, you have to tap the + very carefully. So let's say you tap on the + for a Region, then a + for a county, and up comes a lot of towns. You need to scroll down with your finger.

If you don't do it perfectly, the whole menu contracts again. Damned annoying.

So I was wondering if someone can have a go at installing this, add a load of dummies entries, put it on fiddle of somewhere to see it on a mobile device, and help me to make it so that it doesn't "jump back" the moment you tap on another page of the menu that is not the +/- area.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: CSS Responsive menu with Three Layers

Post by Celauran »

So I was wondering if someone can have a go at installing this, add a load of dummies entries, put it on fiddle of somewhere to see it on a mobile device
How about you do that bit and we'll try to help you tweak it?
Post Reply