Mobile Menu, Nested Sub-Menu not working iOS

We changed the menu structure for my client to go with a nested sub menu like this…
Menu Item 1

  • Sub Menu Item 1
    • Nested Sub Menu Item 1
    • Nested Sub Menu Item 2
  • Sub Menu Item 2
    • Nested Sub Menu Item 1
    • Nested Sub Menu Item 2

The mobile menu we can click Menu Item 1 and get the Sub Menu items, but when we click on those they don’t expand to show what is nested. It works fine on the desktop, and even if you resize the browser to use the mobile menu on the desktop, it works fine. When testing on the actual mobile device (iPhone Safari and Chrome browsers) it doesn’t work. I tested on a Google Pixel phone and Chrome browser and it works fine on the device.

Not sure if this is an iOS issue or perhaps something else that you all are aware of?

1 Like

Also I’ll note that WordPress, X, and Cornerstone are all up to date.
I also deactivated all plugins except cornerstone and rev slider and still experienced this issue.

I have other X websites with nested menus that do no have this issue which leads me to believe it’s a CSS or JS issue? I don’t see any JS error in the console though when I load the page on my desktop.

Hi,

I checked in an iphone and it seems to be working fine on my end. Though your menu has only one level submenus, not the same as the structure you provided in your first post.

If you have added any custom js or css try removing it then check if the issue is resolved.

Thanks

I’m sorry about that my client changed the navigation back. I just moved it to a dev URL so we can try different things.

I have all the plugins other than cornerstone deactivate, I removed all custom CSS and JS from the Theme Options other than the color of nav items so we can see them on the white background. That still didn’t resolve the issue so I changed the theme to the parent X theme rather than my child theme to rule out anything in page templates. Still isn’t working properly.

Works fine on another X theme site that has navigation like this. Just has me stumped what’s going on.

I’ll send a secure note with login credentials.

Hi @CenturyMarketing,

Please add URL to those menu items at least #. The empty HREF in <a></a> is not working in IOS.

Thanks!

That did it.
Thanks for the help, didn’t even think about that.

You are most welcome. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.