[Resolved] How to have a mobile menu with submenus open by default

[Stephane Bergeron]

Hi,

I’ve Googled this and checked the forum but, other than creating a different menu with everything at the same level (which is not really a solution for me), I haven’t found a way to do this.

I’m working on a client site doing a “technical refresh” and moving from Genesis/Dynamik to GPP. If you go to the current site on mobile or use dev tools to see it in a mobile format, you’ll see that when you open the mobile menu, the one (large) submenu under “services” is open by default:

https://bnurture.com/articles/

If you check the development copy where GPP is installed and the migration of the site’s visuals is in progress, the mobile menu opens with the “Services” submenu closed.

https://dev.bnurture.com/contact/

Is there a way other than using a different menu to have the submenu open by default?

THanks!

[Leo]

Hi there,

Would something like this help?
https://generatepress.com/forums/topic/always-expand-mobile-navigation-to-current-child-page/#post-1184177

[Stephane Bergeron]

Hi!

That worked after modifying the selector as I need it open everywhere, so this worked:

.main-navigation.toggled .main-nav ul ul.sub-menu {
        position: relative;
        top: 0;
        left: auto!important;
        right: auto!important;
        width: 100%;
        pointer-events: auto;
        height: auto;
        opacity: 1;
        display: block;
        visibility: visible;
}

Thank you very much! 🙂

[Leo]

No problem 🙂

[Author]

Posts