[Resolved] Open submenus in slideout menu by default

Home Forums Support [Resolved] Open submenus in slideout menu by default

Home Forums Support Open submenus in slideout menu by default

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #617566
    Phil

    Hi!

    I’m trying to get the proper CSS to change the default behavior for the submenus in the slideout menu. My client needs the submenus to display by default in the slideout menu, rather than closed by default. Whether the submenus can be clicked close or stay open permanently doesn’t matter. I’m assuming I need to modify a class with {display: block;} but I can’t seem to get to the right selector.

    Can you help?

    Thanks!

    #617696
    Leo
    Staff
    Customer Support

    Hi there,

    Would it work if you create a separate menu with all the items as parent menu items and use it for slideout navigation specifically?

    Our site is using the same idea.

    Let me know πŸ™‚

    #617701
    Phil

    Thanks!

    That was my first idea, but my client doesn’t want that approach. If there’s no way to use CSS to achieve the effect, I guess we’ll need to use that method, but if there IS a way to keep the parent-child setup with the submenu open by default, that’s ideal!

    #617719
    Tom
    Lead Developer
    Lead Developer

    You could try something like:

    .slideout-navigation .sub-menu {
        display: block !important;
        height: auto;
        pointer-events: auto;
        opacity: 1;
    }
    
    .slideout-navigation .dropdown-menu-toggle {
        display: none;
    }

    Let me know πŸ™‚

    #617720
    Phil

    Thanks!

    That produced an interesting effect:

    The submenu now both opens on hover and closes off hover, and opens on click and closes on click.

    But it’s definitely progress!

    #618049
    Tom
    Lead Developer
    Lead Developer

    I just edited the CSS above – can you give it another try?

    #618091
    Phil

    Yes!!! That worked perfectly. Thank you so much!!

    #618150
    Tom
    Lead Developer
    Lead Developer

    Awesome, glad I could help! πŸ™‚

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.