[Support request] Auto Expand Sub Menus on Mobile Devices Only

Home Forums Support Auto Expand Sub Menus on Mobile Devices Only

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #978454
    brians

    Have a website that a customer wants to have the sub-menus expanded so it always shows up on mobile devices only.

    On desktop devices, it is fine with the little drop-down arrow to the right of the menu item – which will then show the sub items when hovered on. Just need it so when you click the “Menu” icon on mobile, it shows the entire menu at once.

    #978595
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Give this CSS a shot:

    .main-navigation.toggled .main-nav ul ul {
        position: relative;
        top: 0;
        left: auto!important;
        right: auto!important;
        width: 100%;
        pointer-events: auto;
        height: auto;
        opacity: 1;
        display: block;
        visibility: visible;
        box-shadow: 0 0 0;
    }
    
    .main-navigation.toggled .dropdown-menu-toggle {
        display: none;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.