Support » Theme: Museum Core » Menu drop-down on mouseover

  • Resolved LVRuss


    Testing out the theme on my site at 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


    The dropdown is handled by the Bootstrap js.

    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.