楽天　ヘッダーレフトナビ

Question

いつもお世話になっております。

ヘッダー＆レフトナビ画像が崩れてしまいます。

１．ナビボタンのすぐ下の３つのバナーの配置をナビボタンにあわせて表示。
２．レフトナビの最初のバナーをおすすめ商品のショーケースの真横の同じ高さから表示。
する方法をご教授いただけますでしょうか？

Answer

ECマスターズの田辺です。

＞１．ナビボタンのすぐ下の３つのバナーの配置をナビボタンにあわせて表示。

バナーを中央揃えにすることで
ナビボタンの配置に合わせて表示させることができますので
バナー全体をとで囲っていただけますでしょうか。

また、２つ目と３つ目のバナーにの終了タグであるが抜けておりますので
の追加をお願いいたします。
※が抜けてしまいますと以降全体に
同じリンク先が設定されてしまうことがございますのでご注意ください。


＞２．レフトナビの最初のバナーをおすすめ商品のショーケースの真横の同じ高さから表示。

楽天の構造上、
ヘッダーの下にレフトナビが配置される仕組みとなっておりますので、
ヘッダーにあるおすすめ商品の横にレフトナビを無理に入れ込みますと
今後ページが崩れる可能性がございます。

ですので、現在の配置のまま
おすすめ商品とその下のバナーを
960pxで作成していただいた方が綺麗に表示されると思いますがいかがでしょうか。

その際に先ほどご案内したとを囲う方法を
こちらにも設定していただきますと
ナビボタンに合わせて表示されます。


また、おすすめ商品のショーケースが見切れてしまっておりますので
に記述されているheightの数値を上げていただきますようお願いいたします。
例）height="200" → height="230"

Answer

いつもありがとうございます。

楽天 ヘッダー レフトナビ

楽天　ヘッダーレフトナビ