Change mobile menu dropdown icon behaviour

Hi,

I’d like to change the behaviour of the dropdown icon in the mobile menu, when a submenu is active. The current behaviour is that you can only click the icon itself to make the submenu appear. As most users don’t see the dropdown icon, they mostly visit the main menu page.

I’d like to change this behaviour. Instead of clicking the icon only, the user can click on the entire element to make the submenu appear. This means that clicking on the main menu item will cause the dropdown menu to appear instead of visiting that page. Attached are 2 screenshots to clarify.

Could you please let me know how to improve this? Maybe with custom CSS? Thanks!

Paul