[kaseynova]

I have a menu in my widget area and it it showing the submenu. I want the submenus hidden annd when the menu item is clicked the subs appear. Where can I set this?

[Mahesh]

Hi @kaseynova,

Please post in your site url.

Regards,
Mahesh

[kaseynova]

http://monsterwebz.com/downrangechico/ranges/

[Mahesh]

Hi @kaseynova,

Hiding sub-menu can be done with Custom CSS but displaying it only when menu item is clicked, this is not possible through theme option, you’ll need to hire a customizer. However, you can make it display on hover action, i.e. show sub-menu items when the menu item is hovered. If this is okay for you, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

.sidebar .widget_nav_menu ul.menu .sub-menu {
    display: none;
}
  
.sidebar .widget_nav_menu ul.menu li:hover > .sub-menu {
    display: block;
}

Regards,
Mahesh

[Author]

Posts