Second level sub links broken in Pro Header Navigation Collapsed element

Support
#1

I’ve created a menu with three levels : top links > sub links > and then one of those sub links has another set of sub links below it.

It works fine when placed in a Navigation Inline Element. However when placed in a Navigation Collapsed element, the second level of sublinks refuses to open. Clicking the link that’d normally reveal the items below it has no effect.

#2

Hi There,

Thank you for writing in, but I can not replicate the issue on my end. Please do a testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes,
Cheers!

#3

Thanks for getting back to me.

I tried disabling all plugins and custom css and it still happens. I also tried creating new empty site, new install of Pro and new basic header with just a ‘single navigation’ collapsed element to test, and the issue also arises.

I found a thread from a user with a similar (though not identical) issue here: https://theme.co/apex/forum/t/navigation-collapsed-nested-sub-links-broken/3084

The recommended fix (below) from that thread worked for me, though with the same side effect that user reported — it breaks transitions.

[data-x-collapse=“opening”]>ul.sub-menu {
overflow: auto !important;
height: auto !important;
}

The staff member in that thread mentioned it being a known issue, so hopefully it’s fixed soon. Thanks.

#4

Hi there,

Yes, it’s known issue and our developers are working on it. Maybe there is just a confusion between second level sub-links and third level menu.

Thanks!