在网站上加载Visual composer＆＃34; stretch row＆＃34;不正常。内容走出屏幕

Question

我已将VC行设置为全屏拉伸。但是在网站加载时我注意到VC添加了css＆＃34; left＆＃34; div到div的值。你可以清楚地看到截图。 你能告诉我这里的主要问题是什么吗？我使用的是最新版本的Visual composer。

Answer 1

我找到了问题的解决方案。我希望它也能帮到你。

function bs_fix_vc_full_width_row(){
    var $fullrow = jQuery('[data-vc-full-width="true"]');
    jQuery.each($fullrow, function () {
        var $el = jQuery(this);
        var container_width = jQuery('.vc_page_holder').width();///site-main container width;

        var window_width = $el.width();

        if ($el.is('[data-vc-stretch-content="true"]')){
            var divleft = (window_width-container_width) /2;
            var spacUnit= divleft-15;
            $el.css('left', -spacUnit).css('right', '');
        }else{
            var Padleft = (jQuery(window).width() - container_width) / 2;
            console.log('container:'+container_width+' | RowWidth:'+window_width);
            var spacunit= Padleft-15;
            $el.css('padding-left',spacunit).css('padding-right',spacunit).css('left', -spacunit).css('right', '');
        }
    });


}

jQuery(document).on('vc-full-width-row', function () {
    bs_fix_vc_full_width_row();
});