How to fix not visible element (burgermenu) after trigger toggleClass statement

Question

I am currently struggling with issue happening only on iPhone with safari browsers on this page.

After clicking on the burger menu icon, the element which had to expand don't show up on the highest layer (see image attached).

This only happens in mobile safari. enter image description here Hope someone could help me out.

 $('#toggler-btn').on('click',function(){
    $('#main-menu').toggleClass('mobile_menu');
  });

<nav id="main-menu" class="navbar navbar-expand-lg mobile_menu">

Answer 1

In your CSS Set

.navbar{
  z-index: 99999;
}