Mobile menu: clicking on category title should open submenu (not just the arrow)

Dear XTemos support,

I’m using the Woodmart theme with WooCommerce and have a question regarding the behavior of the mobile menu.

Currently, in the mobile menu, subcategories only open when clicking the small arrow on the right side of a parent category (e.g., “Tuinsets”). However, clicking on the category title itself just navigates to the main category page and does not open the submenu.

What I would like:
When a user taps on the category name, the submenu should open directly — just like it does when clicking the arrow.

Ideally, I would also like to remove the arrow icon entirely, since it would no longer be necessary if tapping the category title opens the submenu.

This change would greatly improve the user experience on mobile, where tapping a small arrow can be difficult.

Is there a way to achieve this via theme settings or a recommended code modification? And if not, could this functionality possibly be included in a future theme update?

Thank you in advance for your support!

Attachments:

You must be logged in to view attached files.

Hello,

To achieve the behavior you’re looking for, please navigate to WoodMart → Header Builder, then edit the Mobile Menu element. In the settings panel, activate the option called “Label and arrow” under Submenu opening action.

Here’s a screenshot for reference: https://prnt.sc/1XEAs0_26IIf . Once enabled, users will be able to open submenus by clicking on either the category name or the arrow.

If you’d like to remove the arrow icon altogether (since the label itself will open the submenu).

You can add the following CSS code to Theme Settings → Custom CSS → Mobile CSS section:

.mobile-nav .wd-nav-opener {
    display: none
}

Best Regards,

[Author]

Posts