Unfortunately, I do not have a way to reproduce this since I don't know what is causing the issue, but I can provide plenty of details. The problem is this:
In the nav bar the parent menu item works perfectly fine by itself, but as soon as I add sub-menu items beneath it the parent item becomes unclickable.
- I assumed there must be some invisible element on top of the parent item that was preventing me from clicking it. From what I can tell, there is not element on top of the parent item.
- I went into dev tools and set the sub-menu to
display:none;
. No change. - I set a z-index for the parent item of 9999. No change.
- This behavior is consistent across all pages and in the mobile menu.
The only way I've found to fix it is to remove the sub-menu items so I know it must be related to them, but if the submenu is displaying what else could be making the parent item unclickable?
I'm out of ideas. What else could cause this behavior?