Display mobile submenu on click

At the moment, all the menu items get displayed when the hamburger menu is clicked in the mobile view. Would like to know if there is any quick way to display only the main menus, and the sub menus should display once we click on the parent menu items arrow icon.

http://www.screencast.com/t/UtecNcPwNqC9

  • Nahid
    • Tech Support

    Hey Shaan !
    Hope you are having a great day!

    I added the following Custom CSS into your site using the Simple Custom CSS and JS plugin (pre-installed) and it seems to have done the trick:

    .mobile-breakpoint div.upfront-navigation div[data-style="burger"] ul.sub-menu {
        display: none;
    }

    Here's a screencast for reference:

    Hope this helps. Let us know if you need any further assistance regarding this. Thanks!

    Kind regards,
    Nahid

  • Nahid
    • Tech Support

    Hey Shaan !
    Hope you are doing well today!

    I've added the following Custom CSS in your site which seems to have solved the above mentioned issue:

    .mobile-breakpoint div.upfront-navigation div[data-style=burger] ul.menu > li:nth-of-type(2) {
        padding-top: 45px;
    }

    Please note that we are really keen on keeping an issue specific to the respective ticket or chat only. Please open a new ticket or start a Live Chat session if you have any new queries alike this one. We really appreciate your consideration regarding this. Let us know if you need any further assistance regarding this. Thanks!

    Kind regards,
    Nahid

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.