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

VWSとは フォーラム Lightning Outerブロックがスマホ表示の際、左右余白が強制で0pxになります

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

  • このトピックには1件の返信、2人の参加者があり、最後にY.INABAにより33分前に更新されました。
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • 投稿者
    投稿
  • #119765

    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;
    }
    }
    ——————————-

    #119768

    Y.INABA
    参加者

    shinji0125 様

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

    Outer(Pro版のみ)

    —–

    Vektor ご担当者 様

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

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

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

    Attachments:
    You must be logged in to view attached files.
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。