[ 質問者返信待ち ] スマホでHPを見た時に右側に隙間が出るよう

[大的場]

HOME

ライトニングを使ってサイトを作っています。最近、スマホで見ると右側に隙間が出るようになりました。自分では解決できず、わかる方がいればご教授お願いいたします。

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[石川＠Vektor,Inc.]

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

パット見どこの事かわからなかったので、スクリーンショットに印などつけていただけると回答しやすいです。

よろしくお願いいたします。

[Y.INABA]

横からすみません。

キャンペーンテキストの箇所についてブレークポイントがうまく機能しておらず、それが原因で横に空白ができてしまうようです（添付画像参照：通常横幅は400pxで設定しています）。

ご確認のほどよろしくお願いします。

—

大的場 様

確認ですが、お使いいただいているLightning、および「Lightning G3 Pro Unit」は最新版でお間違いないでしょうか？

※ご質問の際はあらかじめご利用のLightningのバージョンなど、環境情報をお知らせいただけますと幸いです。
　ご質問投稿前に添付画像の2枚目をご確認いただいているかと思いますが、改めてご確認ください。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

私の PC で表示するとちょっと違う現象（コンテンツの右側が欠ける）が起きていますが…

該当 URL のサイトの CSS を見たところ、以下の操作を行えばよさそうな気がします。

1. [カスタマイズ] → [Lightning ヘッダー設定] を開く。
2. とりあえずブロックテンプレートパーツをなにか選択する。
3. ヘッダーを固定する のチェックをはずす。
4. ブロックテンプレートパーツを 使用しない（Lightning 標準）に戻す。

ヘッダーを固定する にチェックをつけた状態で設定を Lightning 標準 に変更したときに
body タグのクラス名 block-template-parts-header--sticky が付与されたままで、
ヘッダー固定のための以下の CSS が反映されていることが影響しているみたいです。

body.block-template-parts-header--sticky {
    overflow-x: unset;
}

Attachments:

You must be logged in to view attached files.

[投稿者]

投稿