Navigation Dropdown Not Reading Mobile Taps

[Web_Creations]

Hi,

I can’t get my header navigation dropdown element to work on mobile, it’s not registering taps to open submenus…

I thought it might only read taps to the arrow, but even when I zoom into the arrow and tap it directly it doesn’t work.

I added JS saying to toggle x-active when I click or tap the entire parent item for the submenu, and additional CSS to force submenus to display when the x-active class is on, and it still isn’t displaying.

[Web_Creations]

Just a heads up that, since this website goes live tomorrow, I updated the menu to one without any submenus - except for a single redundant one at the bottom so you can still see the behavior when you take a look at it.

[tristup]

Hi Spencer,

Thanks for reaching out.
I have checked and found that you are using the Navigation Dropdown element, I would suggest you use the Mega Menu element with the Navigation Layer element which has the option to set the Sub Menu Trigger. That might help you in this case.

Thanks

[Web_Creations]

Thanks, that worked perfectly.

[prakash_s]

You are most welcome, Spencer