as far as i understood the issue:
on desktop a menupoint has a submenu
on mouseover, the submenu is shown, but the menupoint can be clicked too
on touchdevices, when the menupoint is clicked, it shows the submenu
on touchdevices the menupoint can't be clicked to navigate to its page. clicking it only expands the submenu
this is by design. on nike.com on touchdevices, they solved it like this:
for example:
you click on shoes:
[image: 1698335572762-screenshot-2023-10-26-at-12.52.29.png]
then the submenu shows and inside it is "all shoes".
[image: 1698335648072-screenshot-2023-10-26-at-12.52.34.png]
so in the submenu there is another menupoint that would lead you to the page that the parent menupoint is linked to.
so what i think you could do is:
in appearance → menus, choose:
mobile menu
[image: 1698335703804-screenshot-2023-10-26-at-12.54.41.png]
here, create a mobile menu.
then add one mobile menu point twice. once as the parent menu item, and once again as the top submenu item:
[image: 1698335812196-screenshot-2023-10-26-at-12.56.12.png]
this way, the parent mobile menu point is used to extend the submenu when its clicked on. but you can still go to its page, by clicking the same menu point that is within the submenu
