Nice Menus drop down bug
A good, simple module for Drupal called Nice Menus has an annoying bug (supposedly not on all themes, but certainly on most of them): It frequently loses the focus when the mouse moves from the top-level menu to a child menu, causing the drop-down menu to disappear as the user goes to click on it.
Very annoying. (If you click and hold and move the mouse down, the second-level menu stays and you can then click on it. Not exactly a solution you can ask your users to do.)
The fix can vary depending on the site. For instance, the first fix listed below worked on Agaric Design's site here, but all the way to the third fix was needed for a client. In any case, the surest fixes seem to be moving pixels around until there's a consistent overlap (visually indistinguishable from normal behavior).
<p>/* bmm hack fix per http://drupal.org/node/67160 */</p>
<p>ul.nice-menu li ul li {
margin-top:-5px;
margin-bottom:4px;
}</p>
<p>/* Further bmm hack per Nice_Menus own README */</p>
<p>.block-nice_menus {position: relative;}</p>
<p>/* My own bmm hack per my ingenius mind */</p><p>ul.nice-menu li a, ul.nice-menu-down li a { padding-bottom: 6px; }</p>
A good, simple module for Drupal called Nice Menus has an annoying bug (supposedly not on all themes, but certainly on most of them): It frequently loses the focus when the mouse moves from the top-level menu to a child menu, causing the drop-down menu to disappear as the user goes to click on it.
Very annoying. (If you click and hold and move the mouse down, the second-level menu stays and you can then click on it. Not exactly a solution you can ask your users to do.)
The fix can vary depending on the site. For instance, the first fix listed below worked on Agaric Design's site here, but all the way to the third fix was needed for a client. In any case, the surest fixes seem to be moving pixels around until there's a consistent overlap (visually indistinguishable from normal behavior).
<p>/* bmm hack fix per http://drupal.org/node/67160 */</p>
<p>ul.nice-menu li ul li {
margin-top:-5px;
margin-bottom:4px;
}</p>
<p>/* Further bmm hack per Nice_Menus own README */</p>
<p>.block-nice_menus {position: relative;}</p>
<p>/* My own bmm hack per my ingenius mind */</p><p>ul.nice-menu li a, ul.nice-menu-down li a { padding-bottom: 6px; }</p>
Comments
Solved Issue for Me
Thanks a million Benjamin, solution 3 resolved the issue I was experiencing on our site.
Perfect.
Post new comment