Home Forums WoodMart support forum Visual Composer Problem in RTL Language Reply To: Visual Composer Problem in RTL Language

#34605

Artem Temos
Keymaster

Hi,

1. We have tested your website but didn’t experience this issue and the scroll works correctly for us.

2 & 3. Try to put this code snippet to the style.css in your child theme to fix this since Visual Composer is not fully optimized for RTL initially

.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-12 {
  margin-left: 0;
  margin-right: 100%;
}
.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-11 {
  margin-left: 0;
    margin-right:91.66666667%;
}
.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-10 {
  margin-left: 0;
    margin-right:83.33333333%;
}
.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-9 {
  margin-left: 0;
    margin-right:75%;
}
.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-8 {
  margin-left: 0;
    margin-right:66.66666667%;
}
.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-7 {
  margin-left: 0;
    margin-right:58.33333333%;
}
.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-6 {
  margin-left: 0;
    margin-right:50%;
}
.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-5 {
  margin-left: 0;
    margin-right:41.66666667%;
}
.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-4 {
  margin-left: 0;
    margin-right:33.33333333%;
}
.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-3 {
  margin-left: 0;
    margin-right:25%;
}
.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-2 {
  margin-left: 0;
    margin-right:16.66666667%;
}
.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-1 {
  margin-left: 0;
    margin-right:8.33333333%;
}
.rtl .vc_non_responsive .vc_row .vc_col-sm-offset-0 {
  margin-right:0;
}

.rtl .vc_col-xs-offset-12 {
  margin-left: 0;
    margin-right:100%;
}
.rtl .vc_col-xs-offset-11 {
  margin-left: 0;
    margin-right:91.66666667%;
}
.rtl .vc_col-xs-offset-10 {
  margin-left: 0;
    margin-right:83.33333333%;
}
.rtl .vc_col-xs-offset-9 {
  margin-left: 0;
    margin-right:75%;
}
.rtl .vc_col-xs-offset-8 {
  margin-left: 0;
    margin-right:66.66666667%;
}
.rtl .vc_col-xs-offset-7 {
  margin-left: 0;
    margin-right:58.33333333%;
}
.rtl .vc_col-xs-offset-6 {
  margin-left: 0;
    margin-right:50%;
}
.rtl .vc_col-xs-offset-5 {
  margin-left: 0;
    margin-right:41.66666667%;
}
.rtl .vc_col-xs-offset-4 {
  margin-left: 0;
    margin-right:33.33333333%;
}
.rtl .vc_col-xs-offset-3 {
  margin-left: 0;
    margin-right:25%;
}
.rtl .vc_col-xs-offset-2 {
  margin-left: 0;
    margin-right:16.66666667%;
}
.rtl .vc_col-xs-offset-1 {
  margin-left: 0;
    margin-right:8.33333333%;
}
.rtl .vc_col-xs-offset-0 {
    margin-right:0%;
}

@media (min-width: 768px) {

  .rtl .vc_col-sm-offset-12 {
    margin-left: 0;
    margin-right:100%;
  }
  .rtl .vc_col-sm-offset-11 {
    margin-left: 0;
    margin-right:91.66666667%;
  }
  .rtl .vc_col-sm-offset-10 {
    margin-left: 0;
    margin-right:83.33333333%;
  }
  .rtl .vc_col-sm-offset-9 {
    margin-left: 0;
    margin-right:75%;
  }
  .rtl .vc_col-sm-offset-8 {
    margin-left: 0;
    margin-right:66.66666667%;
  }
  .rtl .vc_col-sm-offset-7 {
    margin-left: 0;
    margin-right:58.33333333%;
  }
  .rtl .vc_col-sm-offset-6 {
    margin-left: 0;
    margin-right:50%;
  }
  .rtl .vc_col-sm-offset-5 {
    margin-left: 0;
    margin-right:41.66666667%;
  }
  .rtl .vc_col-sm-offset-4 {
    margin-left: 0;
    margin-right:33.33333333%;
  }
  .rtl .vc_col-sm-offset-3 {
    margin-left: 0;
    margin-right:25%;
  }
  .rtl .vc_col-sm-offset-2 {
    margin-left: 0;
    margin-right:16.66666667%;
  }
  .rtl .vc_col-sm-offset-1 {
    margin-left: 0;
    margin-right:8.33333333%;
  }
  .rtl .vc_col-sm-offset-0 {
    margin-right:0;
  }
}
@media (min-width: 992px) {

  .rtl .vc_col-md-offset-12 {
    margin-left: 0;
    margin-right:100%;
  }
  .rtl .vc_col-md-offset-11 {
    margin-left: 0;
    margin-right:91.66666667%;
  }
  .rtl .vc_col-md-offset-10 {
    margin-left: 0;
    margin-right:83.33333333%;
  }
  .rtl .vc_col-md-offset-9 {
    margin-left: 0;
    margin-right:75%;
  }
  .rtl .vc_col-md-offset-8 {
    margin-left: 0;
    margin-right:66.66666667%;
  }
  .rtl .vc_col-md-offset-7 {
    margin-left: 0;
    margin-right:58.33333333%;
  }
  .rtl .vc_col-md-offset-6 {
    margin-left: 0;
    margin-right:50%;
  }
  .rtl .vc_col-md-offset-5 {
    margin-left: 0;
    margin-right:41.66666667%;
  }
  .rtl .vc_col-md-offset-4 {
    margin-left: 0;
    margin-right:33.33333333%;
  }
  .rtl .vc_col-md-offset-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .rtl .vc_col-md-offset-2 {
    margin-left: 0;
    margin-right:16.66666667%;
  }
  .rtl .vc_col-md-offset-1 {
    margin-left: 0;
    margin-right:8.33333333%;
  }
  .rtl .vc_col-md-offset-0 {
    margin-right:0;
  }
}
@media (min-width: 1200px) {
  .rtl .vc_col-lg-offset-12 {
    margin-left: 0;
    margin-right:100%;
  }
  .rtl .vc_col-lg-offset-11 {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .rtl .vc_col-lg-offset-10 {
    margin-left: 0;
    margin-right:83.33333333%;
  }
  .rtl .vc_col-lg-offset-9 {
    margin-left: 0;
    margin-right:75%;
  }
  .rtl .vc_col-lg-offset-8 {
    margin-left: 0;
    margin-right:66.66666667%;
  }
  .rtl .vc_col-lg-offset-7 {
    margin-left: 0;
    margin-right:58.33333333%;
  }
  .rtl .vc_col-lg-offset-6 {
    margin-left: 0;
    margin-right:50%;
  }
  .rtl .vc_col-lg-offset-5 {
    margin-left: 0;
    margin-right:41.66666667%;
  }
  .rtl .vc_col-lg-offset-4 {
    margin-left: 0;
    margin-right:33.33333333%;
  }
  .rtl .vc_col-lg-offset-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .rtl .vc_col-lg-offset-2 {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .rtl .vc_col-lg-offset-1 {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .rtl .vc_col-lg-offset-0 {
    margin-right: 0%;
  }
}

Regards