网站加载Visual composer“stretch row”工作不正常。内容将跳出屏幕

Question

我已经将VC行设置为拉伸全屏。但在网站加载我注意到VC添加css“左”价值部分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(); 
});