Menu drop-down on mouseover

  • Resolved LVRuss

    (@lvruss)


    10 years, 9 months ago

    Testing out the theme on my site at russperry.com. but would really prefer to have the sub-menus appear on mouse over. Have been looking through the code in all the files but can’t find where the drop-down arrow activation code is located. (I assume that’s where I could make the edits to implement the mouse over drop-down.) If I could find where the code is I could probably figure out how to change the behavior. ( Hopefully it can be done with css but if necessary I’m not worried about losing changes to the code with upgrades since I keep good documentation of edits I make so I can restore them if needed after any upgrade.)

    Thanks to anyone who can point the way.

Viewing 1 replies (of 1 total)
  • Theme Author Chris Reynolds

    (@jazzs3quence)

    10 years, 9 months ago

    The dropdown is handled by the Bootstrap js. http://getbootstrap.com/javascript/#dropdowns

    Changing the behavior of the dropdown would not be possible with pure CSS. You’d need to dequeue the compiled Bootstrap js and add your own hover-based dropdown. Doing so would lose a lot of the other Bootstrap components unless you re-compiled a version of the Bootstrap js without the dropdown and enqueued that.

    The reason Bootstrap does not use the hover state for dropdowns is for mobile performance — on mobile devices, there is no hover state, there is only a single tap action.

Viewing 1 replies (of 1 total)

The topic ‘Menu drop-down on mouseover’ is closed to new replies.