Submenu not appearing for primary menu, but appears for sticky menu on the homepage

[Nalwi]

Hi,

I have set 2 mega menus navigation bars to my front page; one that is fixed and the other that is sticky and appears while scrolling. I had cloned the primary menu for the sticky and the sticky menu works great as I am able to view the sub menu while hovering over. However, when I hover over the primary menu links, the sub menus aren’t appearing.

I also noticed when I hide the sticky menu, the primary menu starts working.

How do you display the submenu for both the primary menu and sticky menu on my homepage?

Please see the video link below:

18.10.2021_10.41.05_REC

[tristup]

Hi @Nalwi,

Thanks for reaching out.
I have checked your website and found that another Bar is overlapping and that is why the hover event does not trigger. I went ahead and set the z-index value of the overlapping Bar lesser than the main Bar, and it worked.

Thanks