[Resolved] Keep dropdown submenu items visible

[Cris]

I add it at custom CSS.

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

[Tom]

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.

[Cris]

Yes, that is the URL

Do it!

[Tom]

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

[Cris]

Perfect!! Thanks you very much, Tom!!

[Michael]

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

[Tom]

Can you link me to your site?

[Michael]

strategie.iwp-koeln.org/

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

Thanks in advance
Michael

[Tom]

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

[Michael]

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

[Tom]

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

Then add this as well:

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

[Michael]

It works perfectly 🙂

Thanks for the great support again,

Michael

[Tom]

You’re welcome 🙂

[heliotrope]

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

[Leo]

Hi there,

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

This thread is quite long already.

Thanks!

[Author]

Posts