メインコンテンツにスキップ

ティーザーが他の要素に重なる場合の対処法

Promolayerのオフセット設定を調整し、メニューやライブチャットのボタンなど、他のUI要素と重なってしまう問題を解決します

ティーザーがメニューやライブチャットのボタン、その他のUI要素と重なっている場合は、オフセット(位置の調整値)を設定することで、それらの要素を避けて配置できます。

Teaser overlapping

まずここを確認

  • オフセット値が未設定:重なりが発生している方向(上・下・左・右)のオフセット値が設定されていますか?

  • デバイスごとの設定漏れ:PC版とモバイル版のオフセットは設定されていますか?片方のデバイスの設定が更新されていないケースがあります。

  • 外部ウィジェットとの競合:サードパーティ製のウィジェット(ライブチャット、クッキーバナーなど)が画面上に固定配置されていますか?ティーザーの配置位置と重なることがあります。

修正方法

  1. 編集画面を開く

    Promolayerのエディタで、該当するティーザーの設定画面を開きます。

  2. 重なっている方向を特定する

    オフセットの設定項目で、画面上のどの方向(上・下・左・右)で重なりが発生しているかを確認します。

    Use offsets
  3. オフセット値を調整する

    重なりが発生している方向のオフセット値を大きくし、ティーザーが他の要素と重ならない位置まで移動させます。

  4. モバイル版も確認する

    モバイル用のプレビュー画面に切り替えて、同様にチェックを行います。PC版とモバイル版のオフセット設定はそれぞれ独立しています。

  5. 保存して確認する

    変更を保存し、実際のデバイスやブラウザのシークレットウィンドウ等でページを確認し、重なりが解消されているかチェックします。

解決しない場合

ライブチャットにてお問い合わせください。その際、スムーズに調査を進めるため、ディスプレイ名と問題が発生しているページのURLを併せてお知らせください。

こちらの回答で解決しましたか?