Why is the mega menu not working on mobile?

Hi,

I have some questions about the mega menu on Mobile. I created the mega menu, and under “SHOP” I have two subtitle- “electric mobility products” and “outdoor”. And then I created a product list for each subtitle. So now the problem is I can’t open on my Mobile side. I would like to get the help to solve this problem. Below is my website. Thank you!!

https://www.phantomgogo.com/

The mega menu seems to be working just fine on my end. What exactly are you referring to? Thanks.

did u use mobile to click? I mean the subtitle product list. I Shared the recording here and attached the images for product list. Thanks

https://youtube.com/shorts/uaNaFzIkf0A?feature=share

Thanks for the recording. Just tested it on my phone, and when I click on the two links in “SHOP”, I am able to access the sub-links.

By any chance, what browser are you using?

Chrome… Did u see the screenshots above? Those are website side. Yes, I can clicking the under two subtitle’s products too. But I can’t exactly click two subtitle ( Electric Mobility Products and Outdoor) page go into the above page on my Mobile side. Thanks

Ok, I see what you’re talking about now. The reason that is happening, is because in a mobile mega-menu, there is no option to “hover” over a menu item like you can on the desktop. The desktop version would let you hover over the “Shop”, while still allowing you to choose more options.

If you make the sub-links on mobile clickable links, then as soon as someone clicks “Outdoors”, for example, they will be taken to a new page, without being able to see the links under that section that you have set up in the menu.

This is done so that your website can be easy to use. I hope this helps!