I’ve just purchased this plugin and I’m having difficulties selecting a different menu for mobile. I want to use the theme’s default menu for desktop and only use this plugin for mobile. I would like to use a different menu for mobile, but it automatically selects the main desktop menu and I cannot change this option.

Is there a way to add a specific class to the off-canvas mobile menu container when a specific menu item is clicked/tapped? I.e. you tap ‘Menu item 1’, class ‘menu-item-1’ is added. If you click ‘back’, the class is removed. Then if you tap ‘Menu item 2’, class ‘menu-item-2’ is added and removed if you click ‘back’, etc.

It doesn’t work. Again, I don’t think it’s the code itself because it’s working for the theme menu, but I’m not sure since I’m not exactly a JS/jQuery expert. Any thoughts? The problem may be selecting only the very first li > a as the submenus also have them. Tried the first-child method, it’s not working.

1. I want the whole menu link to be clickable, not just the arrow trigger. How do I do this?
2. I want to add unique classes to the first a element inside the li menu links. How do I do this? I want to be able to control the styling of this particular element in more detail.

For #2 — I tried targeting the ‘parent link’ but it’s not working at all. I even went as far as setting custom classes for the parent li elements and targeting either the first-child or first-of-type a link, but it still isn’t working. Whatever styling I apply to the ‘parent link’, it gets applied to the submenu items links as well. Try it yourself and you’ll see what I mean.

The only way to correctly target the ‘parent link’ would be to set unique classes for the very first a element.