title: Toggle-only sidenav with Angular-Material?
body: <p>I want a side menu that is closed by default on any screen size, and will always open on top of other content. No matter what I try though, it always switches at widths over 960px.</p>
  
  <p>This is what my menu looks like now:</p>
  
  <pre><code>&lt;md-sidenav is-locked-open="false" class="md-sidenav-right md-whiteframe-z2" component-id="right"&gt;
      &lt;md-toolbar class="md-theme-dark"&gt;
          &lt;div class="md-toolbar-tools"&gt;
              &lt;md-button ng-click="toggleMenu()" class="md-button-colored"&gt;&lt;core-icon icon="polymer"&gt;&lt;/core-icon&gt;&lt;/md-button&gt;
              &lt;span flex&gt;&lt;/span&gt;
          &lt;/div&gt;
      &lt;/md-toolbar&gt;
      &lt;md-content class="md-content-padding"&gt;
          &lt;md-button ng-click="toggleMenu()" class="md-button-colored"&gt;Stuff&lt;/md-button&gt;
      &lt;/md-content&gt;
  &lt;/md-sidenav&gt;
  </code></pre>
  
  <p>And my controller:</p>
  
  <pre><code>.controller('HomeCtrl', function ($scope, $mdSidenav) {
      $scope.toggleMenu = function() { $mdSidenav('right').toggle(); };
  })
  </code></pre>
  
  <p>I got is-locked-open from the <a href="https://material.angularjs.org/#/api/material.components.sidenav/directive/mdSidenav" rel="nofollow">website</a> but I can't find that anywhere in their javascript.</p>