Site logo

Archived topic

Keep dropdown submenu items visible

61 replies · Started by Ingrid on December 27, 2016

Viewing posts 31–45 of 62

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.

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?

This archived topic is closed to new replies.