Hi,

I am using Side menu for my web application. In arabic translation the menu does not move from Right to Left so, I have used the css below but it is not working for my theme.

.ar .Header_title{
direction: rtl;
right: 0 !important;
left: auto;
padding: 0px;
padding-right: 10px;
    }


Hello Hemamalini,

Im guessing you are missing setting the position atribube.

or you can try on the align right on the inclosing container of the header. 

best Regards


Domingues wrote:

Hello Hemamalini,

Im guessing you are missing setting the position atribube.

or you can try on the align right on the inclosing container of the header. 

best Regards


Hi Domingues,

Thank you for your reply,

I gave the position for menu but the class name .ar does not support for my theme.I applied the css given below.

.ar .layout.layout-side .navigation {
    background-color: var(--color-neutral-0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
    height: 100vh;
    left: 0;
    position: inherit;
    top: 0;
    width: 260px;
    z-index: 101;
}


Try add the float: right property.

Hemamalini Vijayan wrote:

Hi,

I am using Side menu for my web application. In arabic translation the menu does not move from Right to Left so, I have used the css below but it is not working for my theme.

.ar .Header_title{
direction: rtl;
right: 0 !important;
left: auto;
padding: 0px;
padding-right: 10px;
    }



Hemamalini,

You can try CSS direction property with unicode-bidi (Property to move your menutext from right to left).

.menu {
  direction: rtl;
  unicode-bidi: bidi-override;
  }