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

Home Forums Support How to have a mobile menu with submenus open by default

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1189941
    webfocus

    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!

    #1189981
    Leo
    Staff
    Customer Support
    #1190013
    webfocus

    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! 🙂

    #1190048
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.