How to hide submenu until hovered over by mouse

en WordPress.com Forums How to hide submenu until hovered over by mouse

• 

  anerhardt · Member · Jul 28, 2021 at 12:55 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I would like to know how to adapt my CSS in order to hide the submenu until it is hovered by mouse.

  Thank you!

  The blog I need help with is: (visible only to logged in users)

• 

  supernovia · Staff · Jul 29, 2021 at 12:21 am

  • Copy link

  Hi! Themes with vertical menus typically won’t have a drop-down built in, this one included.

  Changing the functionality would involve either moving the menu to somewhere else on the site, or figuring out how you want to move the items up and down, or whether to do fly-outs (dropping to the side instead of down.) It would take some custom development either way.

  That type of custom development is outside our scope of support, but the folks here may be able contract that for you or recommend someone:
  https://wordpress.com/built-by-wordpress-com/?ref=forums

  Or, if you’re up for it, there are tutorials out there. Here’s one that may be what you want, though there are other options:
  https://www.w3schools.com/howto/howto_js_dropdown_sidenav.asp

  Another option is to switch to a theme that has a horizontal menu with drop downs.

  Does this help a bit?

• The topic ‘How to hide submenu until hovered over by mouse’ is closed to new replies.