• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic Reply to topic  [ 2 posts ] 
Author Message
 Post subject: CSSmenu keep open without hovering
PostPosted: Fri Jul 06, 2018 9:23 am 
Offline
New Member
New Member

Joined: Tue Jul 03, 2018 3:43 pm
Posts: 5
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?


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: CSSmenu keep open without hovering
PostPosted: Fri Jul 06, 2018 2:44 pm 
Offline
Dev Team Member
Dev Team Member
User avatar

Joined: Wed Feb 25, 2009 4:25 am
Posts: 340
Location: Victoria, BC
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.

_________________
Not getting the answer you need? CMSMS support options


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 2 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
HostPapa CMS Made Simple hosting