How to overlap side menu over the current page in ionic?
<p>By default in Ionic side menu pushes the current page when the side menu button  is clicked.
But i need to overlap the side menu over the current page as in most of the apps.
How to do that?
Where should i change the code?
Just consider a default side menu template from ionic.   </p>

<pre><code>   &lt;ion-side-menus enable-menu-with-back-views="false"&gt;
     &lt;ion-side-menu-content&gt;
    &lt;ion-nav-bar class="bar-positive bar-blue"&gt;
     &lt;ion-nav-back-button&gt;&lt;/ion-nav-back-button&gt;
  &lt;ion-nav-buttons side="left"&gt;
     &lt;button class="button button-icon button-clear ion-navicon" menu-toggle="left"&gt;&lt;/button&gt;
      &lt;/ion-nav-buttons&gt;
       &lt;ion-nav-buttons side="right"&gt;
       &lt;a menu-close href="#/app/playlists" class="cancelbutton"&gt;
          &lt;button class="button button-icon button-clear " ng-hide=cancelflag&gt;cancel&lt;/button&gt;
         &lt;/a&gt;
         &lt;/ion-nav-buttons&gt;
       &lt;/ion-nav-bar&gt;
        &lt;ion-nav-view name="menuContent"animation="fade-in-out"&gt;&lt;/ion-nav-view&gt;
         &lt;/ion-side-menu-content&gt;

    &lt;ion-side-menu side="left"&gt;
&lt;ion-header-bar class="bar-positive bar-image sidemenu-header"&gt;
  &lt;h1 class="title title-left"&gt;{{currentuser}}&lt;/h1&gt;
&lt;/ion-header-bar&gt;
&lt;ion-content&gt;
  &lt;ion-list&gt;
    &lt;!-- &lt;ion-item menu-close href="#/testing"&gt;
      testinglogin
    &lt;/ion-item&gt; --&gt;
            &lt;ion-item menu-close href="#/app/home" ng-show=adminflag&gt;
      &lt;label class="item-input labelclearpadding"&gt;
        &lt;i class="icon paddingicon"&gt;&lt;img src="img/user.png" alt="" class="placeholder dateicon"/&gt;&lt;/i&gt;
        all details
      &lt;/label&gt;
    &lt;/ion-item&gt;
  &lt;/ion-list&gt;
  &lt;ion-list&gt;
               &lt;/ion-list&gt;
   &lt;/ion-content&gt;
  &lt;/ion-side-menu&gt;
  &lt;/ion-side-menus&gt;
</code></pre>