網站加載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(); 
});