Also search box is overlapping and not moving to left.

Hello

To amend try adding the following to the Custom CSS field of your templates parameters...

.translated-rtl #hornav {

    float: left;

}

.translated-rtl .logo {

    width: auto !important;

}

.translated-rtl #search {

    left: 10px;

    right: auto;

} 

Ciarán

I added the code but still you can see

http://hadimosque.com/ar/

logo and menu
and search box and flgas are overlapping (flags are in breadcrum position)

Hello

You appear to have an unclosed property in your Custom CSS. To amend try removing the following from your custom CSS field...

#hornav, #subMenusContainer a { 

Ciarán

Thanks a lot. It work,

I just work for a while then stop working.

I just change trasnlation extension from gtranslate to falang but i think that does not effect css still logo overlaps menu and flats overlaps search and social icons overlaps logo.

http://hadimosque.com/ar/

Hello

It appears your extension removed the 'translated-rtl' class from your body tag. You could try setting your custom CSS to target the language attribute instead....

:lang(ar) #hornav {

    float: left;

}

:lang(ar) .logo {

    width: auto !important;

}

:lang(ar) #search {

    left: 10px;

    right: auto;

} 

Ciarán

Thanks a lot , looks like it worked

Yes, but social icons still donot move , i know your template is not perfect RTL support compatible but now it look quiete good with css too.

Still waiting for my question on ,

Social icons does not move , how to move them too to left?

My apologies.. we somehow missed your reply.

To amend try adding the following to the Custom CSS field of your templates parameters...

:lang(ar) #socialmedia {

    left: 10px;

    right: auto;

} 

Ciarán