WordPress Visual Composer full width row ( stretche row ) fix for RTL

visual-composer-rtl-fix.js

jQuery(document).ready(function() {
    
    function bs_fix_vc_full_width_row(){
        var $elements = jQuery('[data-vc-full-width="true"]');
        jQuery.each($elements, function () {
            var $el = jQuery(this);
            $el.css('right', $el.css('left')).css('left', '');
        });
    }

    // Fixes rows in RTL
    jQuery(document).on('vc-full-width-row', function () {
        bs_fix_vc_full_width_row();
    });

    // Run one time because it was not firing in Mac/Firefox and Windows/Edge some times
    bs_fix_vc_full_width_row();

});

@serguk89 Thank you for the code. It finally working!
@WWGate Thank you for media CSS, working.

I am using WordPress 5.3.2 and WPBakery Page Builder 6.1.0, on Nginx (LEMP) with PHP 7.3 including plugins W3 Total Cache (page, browser, object, database + cloudflare setup) & Autooptimize (JS, HTML, CSS) and and CloudFlare Free Plan.

Do not know why it stopped working after upgrading WPBakery to the latest one, also switching on the better server -.-

Thanks again, solved my problem after a research and going crazy about it :D

Hello
i tryed to improve this code

function bs_fix_vc_full_width_row() {
        if(jQuery('[data-vc-full-width="true"]:first').css( 'left' ) == 'auto') return;
        let rightAuto = jQuery('[data-vc-full-width="true"]:first').css( 'right' ) == 'auto' ;
        if( jQuery('html').attr('dir') == 'rtl' && !rightAuto){
            jQuery('[data-vc-full-width="true"]').each( function(i,v){
                jQuery(this).css('right' , jQuery(this).css('left') ).css( 'left' , 'auto');
            });
        }
    }

Hello
Only this code worked for me correctly

function bs_fix_vc_full_width_row(){
	 var $elements = jQuery('[data-vc-full-width="true"]');
	 jQuery.each($elements, function () {
		 var $el = jQuery(this);
		 $el.css('left', $el.css('right')).css('right', 'auto');
	 });
 }

You're the best @aliaghdam , saved my project.