楽天市場のデフォルトで付いているヘッダーを固定させたい

Question

お世話になっております。

楽天市場のデフォルトで付いているヘッダーについてご相談があります。

楽天市場のデフォルトで付いているヘッダーが、商品ページでは位置が固定されているのですが、トップページだとスクロールされてしまい、自作の固定ナビゲーションの上に隙間が空いてしまいます。

トップページにGOLDは使用しておりません。

他店舗を見ていると、トップページでもデフォルトのヘッダーが固定されているようなのですが、デフォルトのヘッダーを固定させる方法はありますか？

Answer

ECマスターズの田中です。

> デフォルトのヘッダーを固定させる方法はありますか？

トップページにて、
#rakutenLimitedId_header { position: fixed; }
のようにスタイルシートを当てていただくことで、
固定させることができます。

なお、機能を損なうわけではないのでそうそう無いとは思いますが、
共通ヘッダを固定表示させる行為は、
https://www.rakuten.co.jp/shops/supportnews/info_b/20170518-03.html
上記、共通ヘッダを「変更する」行為として
拡大解釈される可能性も少なからずございますので、
スタイルシートを当てる際に、予めお含みおき願います。

Answer

ご回答ありがとうございます。

上記の方法でヘッダーを固定させることができました。

また、固定表示に関する注意事項について承知いたしました。

迅速なご対応ありがとうございました。