Keep dropdown submenu items visible

I add it at custom CSS.

Probably you can see it because WP Maintenance is on. Try it now.

I'm still not seeing it - I assume this is still the URL?: http://test.indalsu.com/domos/domo-79rt-eco-c16-ecoeficiente-thermicplus/

Try pasting the CSS into the child theme you have activated.

Yes, that is the URL

Do it!

Ah, replace .main-navigation in your CSS with .secondary-navigation.

Perfect!! Thanks you very much, Tom!!

Hi Tom,

we also use your current CSS code for fixing the submenu and it works fine with one exception if you are use the sticky navigation. For simplifying explanation I upload a short video: https://www.dropbox.com/s/xgnlk8xmcg30o5d/menu-scrolling.mp4?dl=0

Thanks,
Michael

Can you link me to your site?

strategie.iwp-koeln.org/

Username and PW follow via e-mail (support@generatepress.com).

Thanks in advance
Michael

That's so strange.

What happens if you remove the code you added, and simply give the parent menu items this class: sfHover

Adding classes: https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

Nothing really new, the submenu disappears after opening the submenu item. I can't recognize any other effect.

Ok, scrap that idea and go back to the CSS.

Then add this as well:

#sticky-placeholder {
    opacity: 0 !important;
}

It works perfectly :)

Thanks for the great support again,

Michael

You're welcome :)

Hello,
We used to following css to keep our menu open. It works, But when we navigate to a page, the menu is closing again.
Here is category example page: http://www.mayelle.com/wpressmayelle/professionnel/ (menu remains open, it works)
And here , inside a project, it should remain open, but it doeesn't work : http://www.mayelle.com/wpressmayelle/projets/pharmacie-centre-bruay-escaut-2-4-2/

Any solution ?

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

Hi there,

Any chance you can open a new topic for your question?

This thread is quite long already.

Thanks!