display page after translation

rb91u

After translation from english to hebrew I got: http://gotovyy.com/he/

How can I fix it? In english all is OK)

Air

Hello :-)

It seems that WP Bakery Page builder is still not fully RTL compatible.

Please try to use this custom CSS:

body.rtl .vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
    direction: ltr;
}

With kind regards.

rb91u

Thanks, but it's still there: http://gotovyy.com/he/

Air

Damn, I tried it to make a complete solution, but it seems I have overwritten my own rules :-)

I have updated CSS in the previous post, so try this instead.

With kind regards.

rb91u

punctuation marks are now on the wrong side
look at the end of the sentence

as well as the wrong direction of the text

Air

Ehhh. That is what I have tried to solve with the first code, but it seems WPBakery is using same classes on many elements, so it is hard to revert text direction, without explicitly doing it for every possible element.

Let's try something else instead:

body.rtl .vc_col-xs-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
}
@media(min-width:1200px) {
    body.rtl .vc_col-md-offset-2{
        margin-right: 16.66666667%;
        margin-left: 0;
    }
}
@media(min-width:992px) {
    body.rtl .vc_col-md-offset-2{
        margin-right: 16.66666667%;
        margin-left: 0;
    }
}
@media(min-width:768px) {
    body.rtl .vc_col-sm-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }
}

However, this will work only for your scenario. As Is said, WPBakery is not RTL ready, unfortunately.

WIth kind regards.

rb91u

While it works, I just need to adjust the interest, but I will do it.

Last two things: http://gotovyy.com/he/איש-קשר/ - this page is display slightly incorrect)
And look at the menu. It must be centered on the hebrew as well as on other languages.

Air

Menu might not be best looking in RTL, cause theme is not RTL ready. We don't advertise it as such. However I have it in on my TODO list and hopefully, soon I will get to it:-)

As for your contact page add this custom CSS:

body.rtl .real-content{
    direction: ltr;
}
body.rtl .real-content .vc_row{
    direction: rtl;
}

With kind regards.