menu gets stuck and doesnt slide back in sometimes

[jigneshchudasama05]

menu gets stuck and doesn't slide back in sometimes

<div id="container" class="menu-btn-wrapper">
  <div class="menu-btn">
    <div></div>
  </div>
</div>

<div class="site-overlay"></div>

{{#pushy-left class="bg-brand"}}
  <ul class="list">

    <div class="center bg-violet">
      <img src="assets/images/logo.png" class="logo">
    </div>
    {{#if session.isAuthenticated}}
      <li>{{#link-to 'user.home'}}<span class="fa fa-home"></span>Home{{/link-to}}</li>
      <li>{{#link-to 'user.profile'}}<span class="fa fa-user"></span>Profile{{/link-to}}</li>
      <li>{{#link-to 'user.requests'}}<span class="fa fa-history"></span>History{{/link-to}}</li>
      {{#if model.firstObject.isAgent}}
        <li>{{#link-to 'user.connections'}}<span class="fa fa-users"></span>Connections{{/link-to}}</li>
      {{/if}}
      <li>{{#link-to 'user.embassies'}}<span class="fa fa-university"></span>Embassies{{/link-to}}</li>
      <li><a href="#" {{action 'invalidateSession'}}><span class="fa fa-sign-out"></span>Logout</a></li>
    {{else}}
      <li>{{#link-to 'index'}}<span class="fa fa-home"></span>Home{{/link-to}}</li>
      <li>{{#link-to 'login'}}<span class="fa fa-sign-in"></span>Login{{/link-to}}</li>
      <li>{{#link-to 'signup'}}<span class="fa fa-user-plus"></span>Sign up{{/link-to}}</li>
    {{/if}}
    <div class="bottom-0 full-width additional-links">
      <li>{{#link-to 'about'}}<span class="fa fa-info-circle"></span>About{{/link-to}}</li>
      <li>{{#link-to 'report'}}<span class="fa fa-bug"></span>Report Issue{{/link-to}}</li>
    </div>

  </ul>

{{/pushy-left}}

any help?

Thanks!