No se cierra el navbar al presionar un link

Hola a todos!
Tengo un problema y si pudieran ayudarme estaría muy agradecida c:
El problema es que hice un menú de tipo hamburguesa full screen y funciona bien al presionar los link de este me dirigen a sus respectivas secciones pero el menú no se cierra solo, he intentado utilizar Javascript pero nose mucho del lenguaje la verdad casi nada jajaja. Dejare el código del menú por si las dudas.
Muchas Gracias!

-

<header>
<div id="wrapper">
<div class="overlay"></div>

<!-- NAV -->
<nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper">
<ul class="nav sidebar-nav">
<li><a class="page-scroll" href="#home">Inicio</a></li>
<li><a class="page-scroll" href="#">Sobre</a></li>
<li><a class="page-scroll" href="#portafolio">Servicios</a></li>
<li><a class="page-scroll" href="#">Contacto</a></li>
</ul>
</nav>

<!-- BOTON -->
<div id="page-content-wrapper">
<button type="button" class="hamburger is-closed" data-toggle="offcanvas" data-target="#sidebar-wrapper">
<span class="hamb-top"></span>
<span class="hamb-middle"></span>
<span class="hamb-bottom"></span>
</button>
</div>

</div> <!-- wrapper -->
</header>