0
VC行をフルスクリーンのストレッチとして設定しました。サイトの負荷で私はセクションdivにCSSの "左"の値を追加VCを気づいた。あなたが明らかにスクリーンショットで見ることができるように。 ここに主要な問題は何か教えてください。最新バージョンのVisual Composerを使用しています。 オンサイトの読み込みビジュアルコンポーザー "ストレッチロー"が正しく動作しません。コンテンツが画面外に出る
VC行をフルスクリーンのストレッチとして設定しました。サイトの負荷で私はセクションdivにCSSの "左"の値を追加VCを気づいた。あなたが明らかにスクリーンショットで見ることができるように。 ここに主要な問題は何か教えてください。最新バージョンのVisual Composerを使用しています。 オンサイトの読み込みビジュアルコンポーザー "ストレッチロー"が正しく動作しません。コンテンツが画面外に出る
私は問題の解決策を見つけました。それがあなたにも役立つことを願っています。
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();
});
ただし、ウィンドウ構造のサイズを変更した後は元の表示に設定されます。 :( –