Joss Posted January 19, 2013 Share Posted January 19, 2013 There are two issues with the normal bootstrap menu: 1. It doesn't hover 2. The "parent" is not linkable (it is too busy doing the dropdown) So, here is the solution: http://cameronspear.com/blog/twitter-bootstrap-dropdown-on-hover-plugin/ Basically, this script replaces the data-toggle with data-hover Without the data-toggle, the parent becomes clickable and with the data-hover it now drops down on hover!! Magic! 2 Link to comment Share on other sites More sharing options...
Luis Posted January 19, 2013 Share Posted January 19, 2013 Hey Joss, the reason for non hover on parent elements is to avoid usability issues on touch devices like iPhone, iPad "$drop random device" Link to comment Share on other sites More sharing options...
Joss Posted January 19, 2013 Author Share Posted January 19, 2013 HI Luis Apparently, this works well on touch too - the chap addresses that on his site. I think I am inheriting an old iphone next month (the family is all upgrading, so the iphone 3 will be unused). So I will be able to test this stuff more then. The problem with click as opposed to hover with ProcessWire is that it breaks Ryan's natural page tree system because you cannot access the parent. Link to comment Share on other sites More sharing options...
Luis Posted January 19, 2013 Share Posted January 19, 2013 looking forward to your test Link to comment Share on other sites More sharing options...
raydale Posted January 20, 2013 Share Posted January 20, 2013 Thanks Joss, good find! I'm using Bootstrap for interactive wireframing and the default nav's really bug me as they are great for mobile and tablets but terrible for desktop usability. Link to comment Share on other sites More sharing options...
Recommended Posts