Menu with submenu levels, problem on phone and tablet how to solve?

Question

PHP

Hello, I made a crossbrowser menu on the site, but there is a problem, let's say a list.
Clothes
-t-shirt -pants
-t-
shirt
On a computer or laptop, if you hover the mouse over the CLOTHES section, a list of submenus pops up, T-shirt, pants, t-shirts.
On a phone or tablet, if you hover over the mouse, it doesn’t come out, but if you click on the CLOTHING section, then all the goods from the submenu sections enter it, that is, click on the CLOTHING section, the submenu pops out and immediately enters this section, that is I do not have time to click on the submenu, how to deal with it? please tell me how to do it.

Answer 1

Recently I saw a cool template .

Answer 2

Because there is no hover event on mobile devices. Do a click on the "burger", open the menu on the entire screen of the mobile device, etc.

Answer 3

1. Detect a touch
2. Sculpt a click event and some kind of counter for the first click on a link that has a submenu in the parent - instead of switching, show the submenu
3. On the second click, we still follow the link
4. When clicking outside the open submenu, hide menu, reset the counter on the link of the 1st level