See Submenu Items Directly When I Click On Mobile Menu - Question | JoomShaper
Back to the questions

See Submenu Items Directly When I Click On Mobile Menu

O

Ola

Template 9 months ago

Hi!

When I click on the "hamburger menu" (mobile menu) I see all my mainmenu items at level 1 there. To reach the submenus, level 2, I need to click on the ">"-icon. It is not very clear for all users.

Is it possible to see the submenu items directly when I click on the hamburger (mobile menu)?

Instead of Sports >

I want to see this when I click on the hamburger. Sports

  • Soccer
  • Basketball
  • Icehockey

I use Helix Ultimate template and Pagebuilder Pro.

Kind regards Ola

0
3 Answers
Order by
Oldest Newest Votes
O
Ola
Accepted Answer
9 months ago #181760

Thanks a lot! Works fine.

Kind regards Ola

0
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 9 months ago #181761

You're most welcome.

0
Asfakur Rahman Saikat
Asfakur Rahman Saikat
Accepted Answer
Support Agent 9 months ago #181722

Hi there,

Thank you for reaching out!

If you want the offcanvas submenu to display directly when clicking the hamburger menu, you can achieve this by adding the following custom JavaScript code to the Custom Code section in Helix Ultimate: 

$(document).ready(function () {
    $(document).on('click', '#offcanvas-toggler, .offcanvas-toggler-secondary, .offcanvas-toggler-full', function () {
        $('.menu-parent').addClass('menu-parent-open');
        $('.menu-child').slideDown(0);
    });

    $(document).on('click', '.close-offcanvas, .offcanvas-overlay', function () {
        $('.menu-parent').removeClass('menu-parent-open');
        $('.menu-child').slideUp(0);
    });
});

You can refer to the official documentation on how to add custom code in Helix Ultimate here:
Helix Ultimate Custom Code Documentation

Hopefully, this resolves your issue!

Best regards

0