How to display an Ionic Menu from right to left instead of left to right?


I’m new to ionic v6, and I’m using the ion-menu-toggle component, however I haven’t found a way to make the menu curtain appear from right to left instead of left to right as the default component works. Any idea how I can customize this behavior?

This image sums up what I don’t want… I need the opposite:

enter image description here


if you want to put the menu element on the right side or left side of the page, you can use side property as explained in the docs.

<ion-menu side="start">


<ion-menu side="end">

if you want the "contents" of the menu to be right to left instead of left to right, you can use dir, like this:

<ion-menu dir="rtl">

Answered By – AmirAli Saghaei

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published