Hello and Happy New year!
I’m using the slider them with the vertical menu on the left. All is working nicely (so far) except that I’d like to keep active items open.
I did fine a snippet a while back but the issue is that this assumes that there is only ONE sub-menu per parent. I have three levels, therefore all the sub menus open on the parent.
.main-navigation .main-nav .current-menu-item .sub-menu,
.main-navigation .main-nav .current-menu-ancestor .sub-menu {
opacity: 1;
left: auto;
right: auto !important;
position: relative;
width: 100%;
clear: both !important;
top: auto;
float: none;
visibility: visible;
pointer-events: auto;
height: auto;
display: block;
}
.current-menu-item .dropdown-menu-toggle,
.current-menu-ancestor .dropdown-menu-toggle {
display: none;
}
I’ve looked at options of using JQuery in the header to try and add a class to the parent ul (.sub-menu) but can’t get this to work. Is there an easier solution to select the only the sub-menu that has an active child to remain open?
Thanks and look forward to hearing back.
Ashley