Expand Mobile Drop Down Items with Hamburger menu

[rocketboy]

How would I go about expanding a drop down menu using hamburger menu with a pro header? In other words I want all the drop down links shown when the hamburger menu is open.

I tried adding via theme options the following javascript after reading your other forum posts on the matter:

(function($){
    $(document).ready(function(){
        var W = $(window).width();

        if ( W < 980) {
            $('.mobile-menu.x-anchor-toggle').click();
        }
    });
})(jQuery);

(function($){
    $(document).ready(function(){
         $('.mobile-menu.x-anchor-toggle').click();
    });
})(jQuery);

I wasn’t able to make the drop down menu options expand using the above, do you have any corrections?

Thank you!

[ruenel]

Hello Bryce,

Thanks for writing in!

The Hamburger toggle will only open the dropdown. It will not open the submenu items inside the dropdown. Be advised that what you are trying to do requires custom JS coding and it is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.

[rocketboy]

Does the one service give the code for tasks when you request it? Or does the service just point you in the right direction? Thanks

[ruenel]

Hello Bryce,

With One Service, the support will help you fix your issue and help you with your customizations. They can check or edit your custom CSS/JS code. They may also give out customs codes when needed for your customization needs.

Cheers.