IONIC - Set Side Menu Slide From The Right Side

Make Side Menu Slide From Right Side: side="end"

To make the side menu slide form the right side instead of the left side as its the default, you will simple add the side="end" property to the <ion-menu> tag.

For example:

<ion-menu menuId="main-manu" content-id="main" side="end"></ion-menu>

You will see that the side menu slides from the right side now.

Hope that works.

Here's an example of how it will look:

  <ion-menu menuId="main-manu" content-id="main" side="end">
    <ion-header>
      <ion-toolbar>
        <ion-title>Menu</ion-title>
      </ion-toolbar>
    </ion-header>
    <ion-content>
      <ion-list>
        <ion-item>
          Menu 1
        </ion-item>
        <ion-item>
          <ion-menu-toggle>
            <ion-button color="danger">Close</ion-button>
          </ion-menu-toggle>

        </ion-item>
      </ion-list>
    </ion-content>
  </ion-menu>