[Resolved] Keep dropdown submenu items visible

[Tom]

No problem – thanks for reporting the issue!

[Cris]

you’re welcome

[Tom]

2.0.1 was just released which fixes this.

Thanks!

[Cris]

Hi Tom
I updated 2.0.1 and deleted custom CSS but it doesn’t fixes the secundary menu’s spaces.

[Tom]

Can you link me to your site again? Did you clear your browser cache?

[Cris]

Solved! I cleaned browser cache and it works well.
Thanks a lot Tom!!

[Tom]

You’re welcome 🙂

[Cris]

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;
}

[Tom]

I’m not sure what you mean – which active link?

[Cris]

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.

[Tom]

Hmm, can you try this?: https://generatepress.com/forums/topic/keep-dropdown-submenu-items-visible/#post-258688

[Cris]

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;
}

[Tom]

It doesn’t look like you’re using the updated CSS – can you try it?

[Cris]

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;
}

[Tom]

I’m not seeing the CSS at all now – where did you add it?

[Author]

Posts