[ 解決済 ] Outerブロックがスマホ表示の際、左右余白が強制で0pxになります

[shinji0125]

■ WordPress のバージョン
6.9.4

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.35.0

■ Pro Unit のバージョン
0.30.1

■ スキンの種類
プレーン

■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
確認しました。

■ プラグインの種類・バージョン
VK Blocks Pro バージョン 1.118.5

■ 期待する動作
スマホ閲覧時にOuterの左右余白を15pxにしたい。

■ 自分で試した事
VK Blocks Pro バージョン 1.118.4では不具合なし確認済。

■ 症状が発生するブラウザ
クローム

■ 実際の症状
VK Blocks Pro バージョン 1.118.5のアップデートをした際、レイアウトの「余白（左右）」をコンテンツエリアに合わせるを選択時に、スマホ閲覧時、下記CSSが入り左右余白がなくなります。

——————————-
.vk_outer.vkb-outer-b64212ba-3e47-4b3c-83a5-2f650231d23e > div > .vk_outer_container {
padding-left: 0px !important;
padding-right: 0px !important;
}
——————————-

「バージョン 1.118.4」に戻すと余白問題は解消されました。

下記記述で応急処置しましたが、ご確認いただけますと幸いです。
どうぞよろしくお願いいたします。

——————————-
@media (max-width: 640px) {
body .vk_outer.vk_outer > div > .vk_outer_container {
padding-left: 15px !important;
padding-right: 15px !important;
}
}
——————————-

[Y.INABA]

shinji0125 様

左右のpaddingについては「コンテナ内側のスペース設定」より設定可能です。
こちらの項目の「モバイル」項目が「0px」に設定されている可能性がございますので、こちらより再設定いただけますでしょうか？
（該当箇所は念のためスクリーンショット1枚目に載せています）

Outer（Pro版のみ）

—–

Vektor ご担当者 様

お世話になっております。
こちら「アウターエリア内に余白を追加する」が非推奨になっており（スクリーンショット2枚目）、一度チェックを外すと選択できなくなります。
上記ページに非推奨・選択不可の旨反映されておらず、経緯をご説明いただけますでしょうか？

更新情報にございます以下の変更内容あたりが怪しいと踏んでいます。

[ 不具合修正 ][ Outer (Pro) ] contentSize未定義のクラシックテーマで「コンテンツエリアに合わせる」が効かない問題を修正
[ 不具合修正 ][ Outer ] 「コンテンツエリアに合わせる」がブロックテーマで効かない問題を修正

Attachments:

You must be logged in to view attached files.

[shinji0125]

Y.INABA様

ご返信いただきありがとうございます。

＞左右のpaddingについては「コンテナ内側のスペース設定」より設定可能
こちら見落としておりました。
確認したとことろ、0px⇒15pxでスマホ余白問題は解消しました。

ありがとうございます。

ただ、ブロックごと個別設定が必要で工数がかかるため、
既存サイトにおいては応急処置で対処することにしました。

ご丁寧にありがとうございました。

[石川＠Vektor,Inc.]

弊社製品のご利用ありがとうございます。株式会社ベクトルの石川と申します。

仕様変更の背景におきましては下記参照くださいませ。

【仕様変更】Outerブロック「アウターエリア内に余白を追加する」オプションの非推奨化について

今後とも弊社製品をよろしくお願いいたします。

[投稿者]

投稿