Helix ultimate off-canvas menu - Forum | JoomShaper
Solved Helix Framework

Helix ultimate off-canvas menu

Asked by Saša Matić 4 years ago Last activity 4 years ago

I am testing Helix ultimate for my new website and I wanted to ask if it is possible to link Parent menu items in off-canvas menu in that way to open drop down menu when I click on it and not just if I click on the arrow on the right. The plan is for main menu item (parent) to be menu item type: Menu Heading so there will be no page to open if I click on it.

Also, one more scenario is that it is a SP page, or article and if I click once it opens the sub-menu, but if I click once again with an open sub menu it opens the page. I hope you understand what I meant.

Thanks,

Accepted answer

Marked as the solution
Ofi Khan Staff
4 years ago

Hello Saša Matić

Please use this JavaScript to Template Options -> Custom Code -> Custom JavaScript

jQuery(function($) {
    $(document).on("click", ".menu-deeper", function(event) {
        if (event.target.classList.contains('menu-toggler')) return;
        if (event.target.children.length) {
            event.preventDefault();
            event.stopPropagation();
            $(this)
                .toggleClass("menu-parent-open")
                .find(">.menu-child")
                .slideToggle(400);
        }
    });
});

Then you can click offcanvas menu item title to open the sub-menu items.

Your second query might or might not be possible to do. Please consult a developer for this. Sorry, we do not provide customization support.

Best regards

2 more replies

Oldest first Newest first Most helpful
Saša Matić Asked this
4 years ago

Thanks!

Ofi Khan Staff
4 years ago

You are welcome 😊

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback on Joomla Extension Directory. This will inspire us to improve.

Log in to reply.