PCページ看板上部の空白を埋めたい

Question

いつもお世話になっております。

表題の件ですが、PCの看板上部の空白が気になります。
どの店舗さんも（ゴールドページ以外は）空白になっているので、仕様だと思うのですが、

・看板部分を上方に上げる
・その空白部分にキャンペーンバナーなどを貼る

どちらかの方法で空白を無くしたいです。
どうすればよいでしょうか？

Accepted Answer

ECマスターズの田辺です。

空白部分にバナーを貼りますと、
ページの崩れを起こす可能性がございますので、
看板部分を上方に上げる方法をご案内させていただきます。

下記ソースを詰めたいページに応じてご記入ください。

= この下の行から ================

/* ページ上部余白詰め */
#rakutenLimitedId_header {
margin-bottom: -100px;
}

= この上の行まで ================

たとえば、全ページ一括で適用するならヘッダー・フッター・レフトナビもしくは共通説明文（大）、
トップページだけならトップ説明文の中にご記入していただく
といった形になります。
詰める量は、ソース中の「100」を増減させて調整をお願いします。

商品ページによっては、空白の部分に
「海外販売対応」「あす楽対応」などの表記が出る場合がございますので
商品ページで空白を詰められる際はご注意ください。

また空白を詰めることで、
ページ右上に薄く表示されている文字
（トップページの場合は「店舗紹介文」、
商品ページの場合は「商品名」）が
表示されなくなります。

こちらに関しては、
必要でしたら同じ文言を他の箇所にご記入いただくことで
お客様に見せることは可能です。

Answer

田辺様

お世話になっています。返信ありがとうございます。
お返事おくれてすみません。

「海外販売対応」「あす楽」の文言が出ている商品ページがあるので、
まずはトップページのみ、試してみたいと思います。

ありがとうございます。