RTL Problem

Hello!

Recently i reported you a bug which was about visual composer. ( second question of this topic: https://xtemos.com/forums/topic/5-question/ )
i did what you told me about the problem ( ” Try to set “Content position” option for that row to “top” to make it RTL friendly ” )
and everything was ok, till today!
but now, i face the weirdest thing in my life! 😀
when i checked a page with two block in a huawei mobile, i found that one the blocks did not display!!!
then i checked the page with some random mobile device, and the block display randomly!!!!!

so my question is, is there any way to make visual composer render blocks in correct rtl order in mobile screen by some css code? cause the way you mentioned before ( ” Try to set “Content position” .. ” ) not working correctly.

thanks.

and here is an example page for you to work on it:

kenvuccy.com/20-2

Hello,

Probably, you are testing with mobile devices that have outdated versions of web browsers and that Visual Composer doesn’t support them. The thing is that all modern themes use CSS Flexbox to create their flexible responsive layouts. If your device doesn’t support it so it may be rendered wrongly. In this case, you are able to disable an option we wrote you in a previous topic. Sorry, but we don’t have any other work around for this issue. It comes with Visual Composer plugin and doesn’t depend on our theme.

Kind Regards
Xtemos

Thanks for your response.
i found the solution, so here it is for other users that have same problem:

@media (max-width: 768px) {
.vc_row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-box-direction: reverse;
-moz-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}

Thanks.

Thank you so much for posting your solution here.

Kind Regards

[Author]

Posts