バナーの設置について

Question

いつもお世話になります。
本日、楽天の担当者より「5の倍数の日は楽天カード決済で＋5倍」の企画のバナーの貼り付け方のメールをもらいはりつけましたが、PC版は出荷日バナーと一部かぶさってしまってます。
スマホは、「上へ」のバナーと「ご購入手続きへ」のバナーにかぶさってしまっています、位置をずらすことは可能でしょうか？

担当者に聞いてみましたがGOLDを使っているので、分からないと言われました。


PC　共通説明文（大）







 


スマホ　商品ページ共通説明文

Answer

ECマスターズの田中です。

＞位置をずらすことは可能でしょうか？

はい、可能です。
スタイルシートにて「position: fixed;」で画面上に固定した要素（バナーなど）は、
top（bottom）の値で画面上（下）端からの距離を、
left（right）の値で画面左（右）端からの距離を、
それぞれ指定することで、どの位置に表示させるかを決定します。

PC版の場合は、下にずらすことで被らなくなりますので、
既に指定された画面上端からの距離を増やす、
つまり「top: 200px;」の数値を増やして調整いただきますようお願いします。

スマホの場合は、上にずらすことで被らなくなりますので、
既に指定された画面下端からの距離を増やす、
つまり「bottom: 60px;」の値を増やして調整いただきますようお願いします。

Answer

お世話になります。

遅い時間ですのに、ご丁寧にありがとうございました。
無事被らなく表示をすることができました、ありがとうございました。