Offcanvas Menu Item Selection Issue
Chris Elliott
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
Ofi Khan
Accepted AnswerHello 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
Ofi Khan
Accepted AnswerI have a humble request. It would be very kind of you if you can manage some moment to give us feedback here: