title: Hide Jasny OffCanvas Navigation
body: <p>I am trying to use Jasny for some Off-Canvas menu component.</p>
  
  <p>I am also using Twitter-Bootstrap to open a modal window when a link is clicked on the off-canvas menu.</p>
  
  <p>The issue I have is that the off-canvas menu (on mobile view) is pushing the bootstrap modal off to the right, hence, I am unable to see all the elements in the modal window.</p>
  
  <p>Is there a way to hide the Off-Canvas menu when a link (or button) has been clicked/selected on the navigation bar?</p>
  
  <p>Some HTML code snippets:</p>
  
  <pre><code>&lt;div class="navbar navbar-fixed-top navbar-default"&gt;
      &lt;div class="navbar-header"&gt;
          &lt;button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".navbar-offcanvas" data-canvas="body"&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;/button&gt;
  
          &lt;a class="navbar-brand pull-right" href="#"&gt;
              &lt;img class="img-responsive" src="assets/img/logo.png" alt="Alternate Text for Image" &gt;
          &lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div class="navbar-offcanvas offcanvas navmenu-fixed-left"&gt;
          &lt;a class="navmenu-brand" href="#"&gt;My Application&lt;/a&gt;
          &lt;ul class="nav nav-justified"&gt;
              &lt;li&gt;
                  &lt;a href="#"&gt;&lt;span class="fa fa-search fa-lg"&gt;&lt;/span&gt;&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="#" data-toggle="modal" data-target="#modalSignup" data-backdrop="static" &gt;Sign Up&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" data-toggle="modal" data-target="#modalLogin" data-backdrop="static"&gt;Sign In&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the modal HTML:</p>
  
  <pre><code>&lt;div class="modal fade" id="modalLogin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
                  &lt;h4 class="modal-title" id="myModalLabel"&gt;Login or &lt;a href="#" data-toggle="modal" data-target="#modalSignup" data-backdrop="static" data-dismiss="modal"&gt;Sign Up&lt;/a&gt;&lt;/h4&gt;
              &lt;/div&gt;
  
              &lt;div class="modal-body"&gt;
                  &lt;form class="form-signin"&gt;
                      &lt;label for="inputUserName" class="sr-only"&gt;Username&lt;/label&gt;
                      &lt;input type="email" id="inputUserName" class="form-control" placeholder="Username" required autofocus&gt;
                      &lt;label for="inputPassword" class="sr-only"&gt;Password&lt;/label&gt;
                      &lt;input type="password" id="inputPassword" class="form-control" placeholder="Password" required&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  
              &lt;div class="modal-footer"&gt;
                  &lt;label&gt;
                      &lt;input type="checkbox" value="remember-me"&gt; Remember me
                  &lt;/label&gt;
                  &lt;button type="button" class="btn btn-primary"&gt;Sign In&lt;/button&gt;
                  &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Cancel&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>