Keep sub-menu open

Hi there,

Give this a shot:

.toggled .current-menu-item > .sub-menu, 
.toggled .current-menu-ancestor > .sub-menu {
    visibility: visible;
    height: auto;
    opacity: 1;
    left: auto;
    overflow: visible;
    position: relative;
    pointer-events: auto;
}

.toggled .current-menu-item > a > .dropdown-menu-toggle, 
.toggled .current-menu-ancestor > a > .dropdown-menu-toggle {
    display: none;
}

Let me know :)

Dear Tom!

Thank you very much for your help! The menu keeps open if I am on the page. But if I am on a subpage, it does not work :-(

Do you have an idea?

Kind regards

Hi there,

Is the CSS active right now? I'm not seeing it on the site.

Let me know :)

Dear Tom!

I've deactivated it. Now it's active again. Here is the problem. I click on a 1st level menu item and the submenu keeps open. Now I click on a submenu item (2nd level) and the submenu disappears. I am talking about the mobile version.

Thank you very much in advance for your help!

Kind regards,

Marc

Can you try the updated CSS above?: https://generatepress.com/forums/topic/keep-sub-menu-open/#post-927782

Let me know :)

I'm trying to do the same thing on my site and I've added the above but it doesn't seem to have done anything. Do you know if this is possible using just css?

Hi Andrew,

Can you open a new topic and share the link to the site in question?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information