.widget_nav_menu .menu .menu-item:not(.current-menu-ancestor) > .sub-menu {
display: none;
}
You might want to search for an accordion menu that loads with only current section open but can be opened by the user.
Thank you for your quick response my friend. I am not very technically savvy but know enough I think. Where would I put the code that you provided?
In the Custom CSS panel in Appearance > Customize.
Thanks for the help everyone. I think I am one step away from getting this to work the way I want it to. I have updated the CSS as stated above. There is one more thing I would like it to do. When I click on Merchant Resources (and not on a submenu of Merchant Resources), I would like the left menu to still show all the submenus in that category.
when I hit this link it doesn’t do it. It only shows to top category and not the submenus on the left.
http://www.merchantserviceworld.com/merchant-resources/
But if I hit a submenu on the top menu it shows it like I would like it on the left menu:
http://www.merchantserviceworld.com/merchant-resources/credit-card-processing-steps/
I hope I provided enough information. Thank you in advance for your help.
You have this code which is suppressing it:
.widget_nav_menu .menu .menu-item:not(.current-menu-ancestor) > .sub-menu {
display: none;
}
You’ll need some more specific css to achieve your original goal
Thanks Rdellconsulting but I am not a coder so I have no idea what code to use. Again what I am trying to accomplish is for the left menu to show the top menu and its submenus for the top menu selected. I think I am almost there. The problem is that when I click on an item that has a top menu it doesn’t show the submenus. Heres the example:
http://www.merchantserviceworld.com/merchant-resources/
If I click on this one I would like it to show the top menu and the submenus in it.
You have a custom-css.css file which contains that code above, which is causing the problem. Remove that code and the full menu should appear in the sidebar.
If you’re expecting the sidebar dropdown sub-menu to appear depending upon which of the top navbar items is clicked, that’s a bigger issue and will need some javascript (or maybe you found a plugin?)
