Tengo un menú móvil largo en mi sitio web, funciona bien, pero no con el script de encabezado fijo. Puede verlo, si elimina o / comenta / el script de encabezado adhesivo Codepen

Traté de copiar todos los estilos y scripts necesarios, pero sin el logotipo ni los íconos, solo imagine que Burger SVG está cambiando a 'X' cuando se abre. Es solo para móviles, así que escribí max-width 485px, originalmente era @media.

Cuando se abren los elementos del submenú, no puedo desplazar la ventana hacia abajo. El 'desbordamiento oculto' es solo para x, para y es automático. Traté de agregar

 jQuery('header').removeClass('sticky');

ahí dentro

 jQuery('.burger-toggle-item span.fa-burger').on('click', function() { jQuery(this).toggleClass('fa-burger fa-close'); jQuery('.burger-menu-wrapper').slideToggle(); });

Intenté cambiar la posición absoluta a fija. ¿Cómo hacer que el menú y el encabezado fijo sean amigables entre sí?