Nav menu appearing below other relative elements in the page header in mobile

The navigation menu in mobile breakpoint alone is appearing below other elements in my page header. Please see the image below:

The elements which are coming above the nav menu are all relatively positioned. If I change to static it’s becoming alright but I really do want the relative position for those elements.

I have played around with the z-index. Kept 999 for the nav menu and 0 for the other elements but still it’s not getting resolved.

Please let me know if anyone can help! Would really appreciate it!


Here is my site Read-Only: Link

Hi Gowtham, Setting Navbar 2 to relative with 999 z- index solves the problem