Disabling Menu Link while keeping Sub-menus clickable
Hello, my website is https://www.dipanjanpal.com/
In the Menu, I have a tab called "Recognition". For this one, I wish to disable the clickable link and I want someone to be redirected to the submenu when they hover their cursor over it.
Also, in mobile devices, if anyone clicks on "Recognition" from the Menu, I want the sub-menu to open.
Currently, clicking on Recognition leads to "https://www.dipanjanpal.com/Recognition" and basically I wish to disable that, allowing the current sub-menu to stay.
How can I do this?