Archived topic
Keep dropdown submenu items visible
61 replies · Started by Ingrid on December 27, 2016
No problem - thanks for reporting the issue!
you're welcome
2.0.1 was just released which fixes this.
Thanks!
Hi Tom
I updated 2.0.1 and deleted custom CSS but it doesn't fixes the secundary menu's spaces.
Can you link me to your site again? Did you clear your browser cache?
Solved! I cleaned browser cache and it works well.
Thanks a lot Tom!!
You're welcome :)
Oh, no!
Another problem with this. Now the active link is not visible at secondary menu.
see here: http://bit.ly/2yrHR5e
I use this custom CSS that before works:
.sidebar .secondary-navigation .main-nav .current-menu-item > .sub-menu,
.sidebar .secondary-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;
}
I'm not sure what you mean - which active link?
Keep dropdown submenu items visible.
I would like the submenu-items of the active parent menu to remain visible / unfolded. I updated 2.0.1 and this doesn't work now.
Hmm, can you try this?: https://generatepress.com/forums/topic/keep-dropdown-submenu-items-visible/#post-258688
That CSS doesn't work.
I use this one but when I updated 2.0.1 it does't work:
.sidebar .secondary-navigation .main-nav .current-menu-item > .sub-menu,
.sidebar .secondary-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;
}
It doesn't look like you're using the updated CSS - can you try it?
ok. I'm used this now:
.sidebar .main-navigation .main-nav .current-menu-item .sub-menu,
.sidebar .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;
}
.sidebar .current-menu-item .dropdown-menu-toggle,
.sidebar .current-menu-ancestor .dropdown-menu-toggle {
display: none;
}
I'm not seeing the CSS at all now - where did you add it?