Si uso el código HTML de la barra de navegación directamente en la página, todo funciona bien. Si importo la barra de navegación, cuando cambio el tamaño de la página, el botón del menú desplegable no hace nada.
<head> <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"> </script> <script> $(function(){ $("#headerID").load("partials/_navbar.html"); $("#footerID").load("partials/_footer.html"); }); </script> </head> <body> <div class="container-scroller"> <div class="main-panel"> <header id="header"> <div id="headerID"></div> </header> </div> </div> </body> Hay más en la cabeza, pero como dije, si reemplazo <div id="headerID"></div> con el código HTML de _navbar.html todo funciona bien. El problema ocurre cuando importo el código HTML.