Home › Forums › WoodMart support forum › Visual Composer Problem in RTL Language › Reply To: Visual Composer Problem in RTL Language
January 21, 2018 at 8:42 pm
#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