title: angular, angular-snap.js, toggle button click hide/show behavior should not effect header and menu
body: <p>I am using angular-snap.js for my vertical slider. The problem I am facing is that the snap-content and snap-drawer Toggle buttons are appearing and functioning from the top  of a page (even above the header and menu). I would like this snap-drwaer and snap-content should appear below the menu bar and when I click toggle button it should not cause drag effect on header and menu part. Can any one suggest me, how to achieve this with angular-snap.js? Please find the plunker at <a href="http://plnkr.co/edit/usbx8yP1fXMJleR3iqZ8?p=preview" rel="nofollow">http://plnkr.co/edit/usbx8yP1fXMJleR3iqZ8?p=preview</a>. The following snap-drawer and snap-content should appear and function below menu bar only,the toggle button should not cause header and menu to be hidden/showon toggle button click. The header and menu should always remain as it is without getting effected with the drag behavior of snap-drawer and snap-content.  </p>
  
  <pre><code>    &lt;snap-drawer&gt;
      &lt;button snap-toggle&gt;Another Toggle Button&lt;/button&gt;
      &lt;/snap-drawer&gt;
  
      &lt;snap-content snap-options="{tapToClose:false}"&gt;
      &lt;button snap-toggle&gt;Toggle&lt;/button&gt;   
      &lt;/snap-content&gt;
  </code></pre>
  
  <p>Please let me know, if I need to make any further clarification to make my question clear?</p>