Offcanvas Menu Item Selection issue - Forum | JoomShaper
Solved Helix Framework

Offcanvas Menu Item Selection issue

Asked by Chris Elliott 5 years ago Last activity 5 years ago

I am guessing this is a framework issue but when I have items in my offcanvas menu, with child items (where parent item is set as a 'Menu Heading"), I can ONLY see child items in the menu if I click on the (+) symbol.

From and accessibility pount of view, I would like it such that I can click the heading item OR the (+) symbol to view child items.

Heading Item (+)
Child Item 1
Child Item 2
Child Item 3

Is there a way to make this work?

I have tried setting the parent item as a URL linking to # but no difference.

Look forward to your help,

C

Accepted answer

Marked as the solution
Ofi Khan Staff
5 years ago · edited

Hello Chris Elliott

It is not an issue. It is just that this option is not given. You can easily do this with Custom JavaScript. Please use this JS code to Template Options -> Custom Code -> Custom JavaScript

jQuery(function ($) {
    $(document).on("click", ".offcanvas-inner .menu-deeper", function (event) {
        $(this)
            .closest(".menu-parent")
            .toggleClass("menu-parent-open")
            .find(">.menu-child")
            .slideToggle(400);
    });
});

Best regards

3 more replies

Oldest first Newest first Most helpful
Chris Elliott Asked this
5 years ago

FANTASTIC!!!!! Well done guys!

C

Ofi Khan Staff
5 years ago

You are welcome.

Ofi Khan Staff
5 years ago

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback here:

  1. JED
  2. Trustpilot
Log in to reply.