CMS Made Simple Forums
https://forum.cmsmadesimple.org/

CSSmenu keep open without hovering
https://forum.cmsmadesimple.org/viewtopic.php?f=20&t=78693
Page 1 of 1

Author:  kimmbob [ Fri Jul 06, 2018 9:23 am ]
Post subject:  CSSmenu keep open without hovering

Hey there,

i built a template for a touch screen kiosk display. And I want to use the horizontal cssmenu. I would like to keep the menu open once clicked, and not close as soon as there is not hover on the item anymore.
How can I do that?

Author:  DIGI3 [ Fri Jul 06, 2018 2:44 pm ]
Post subject:  Re: CSSmenu keep open without hovering

Because you don't need to keep hover compatibility, you could change the :hover css styles to be unique classes, then add a jQuery/js onclick event to the parent menu items that adds that class, and one to remove it when clicking outside of the menu.

If you're using a framework such as Bootstrap or Foundation, their dropdown menus are already touch-friendly, so you may find it easier to just create a Navigator template for that.

Page 1 of 1 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/