Cmenu Click Instead Of Hover

Yii 1.1 General Discussion
1

I built a nav bar with Cmenu. It works great but the problem is that I don’t want it to activate submenus on “hover”. I need it to activate submenus on “click”. I checked the Cmenu reference but it don’t see this as an option. Any ideas? I just want my site to work on touch screens and the hover doesn’t work with touch devices.

2

Or does it work on iphone? I haven’t been able to test it since I am working through MAMP on my laptop. I just assumed it wouldn’t work because it is hover based.

3

You know, if you’re going mobile friendly and all, why not choose Bootstrap? There are extension with replacement widgets that work out of the box.

If that’s not an option, and I haven’t tested this… but try replacing the css from something like this:


#menu-top ul li:hover > ul { display: block; }

to this:


#menu-top ul li:focus > ul { display: block; }

Change the hover to focus? Just a stab in the dark. If it doesn’t work you might have to do some javascript magic.

4

Thanks, I am going to give bootstrap a try.

5

Thanks.