スマートフォン商品ページ、ゴーストヘッダーについて

Question

こんにちは。
スマートフォン商品ページを下にスクロールしてもヘッダーが表示している。（ゴーストヘッダー）にする方法（タグ）を教えてください。

Answer

ECマスターズの伊藤です。

> スマートフォン商品ページを下にスクロールしてもヘッダーが表示している。（ゴーストヘッダー）にする方法（タグ）を教えてください。

店舗設定 ＞ デザイン設定 ＞ スマートフォン デザイン設定 ＞ 商品ページ共通パーツ設定
・商品ページ共通説明文
に、下記の内容をご登録いただきますと
ヘッダーを上部に常に表示することができます。

なお、楽天の標準ヘッダーを非表示にすることは
ガイドライン違反となるため、標準ヘッダースクロール後に
表示されるようになっております。

＝＝＝＝ 以下を登録 ＝＝＝＝

body .shopname-info .itemtitle,
body .shopname-info,
body #topFuncShopPopup,
body #rstTopSearch,
body #ipnsh-header{
position:relative;
z-index: 9999;
}
body #rstTopSearch,
body #ipnsh-header{
background:#fff;
}
.header_bunner{
position:fixed;
margin:auto;
top:0;
height:100px; /* バナーの高さに合わせて変更してください。 */
z-index: 9998;
}



ヘッダー情報

＝＝＝＝ 以上を登録 ＝＝＝＝