How to make hover on ipad on a link and not block its action?

Question

css

Hello! I have a dropdown menu with sublevels. When you hover over li instead of with a link, a sublevel opens. all as a standard menu.
Here is codepen.io/ennet/pen/vGZYxz
The problem in ipad is that hover does not work as it should - it immediately goes to the category link and does not show the drop-down menu.
Found this solution

li.header-catalog-nav-item._item{ 
    cursor: pointer
}

Yes, now everything works fine, but when you click again from the device's ipad, the link does not follow.
Can you tell me how to fix something like this? Thank you !

Answer 1

iPads don't have hover.
Hover works only on click.