Home › Forums › Basel support forum › RTL Problem

RTL Problem

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 3, 2017 at 9:48 pm #10462

    wantons
    Participant

    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.

    March 3, 2017 at 9:49 pm #10463

    wantons
    Participant

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

    kenvuccy.com/20-2

    March 4, 2017 at 6:04 am #10469

    Artem Temos
    Keymaster

    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

    March 4, 2017 at 10:01 am #10481

    wantons
    Participant

    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.

    March 4, 2017 at 12:53 pm #10485

    Artem Temos
    Keymaster

    Thank you so much for posting your solution here.

    Kind Regards

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘RTL Problem’ is closed to new replies.