商品ページ共通でヘッダーの部分が間延びしている

Question

お世話になっております。掲題の件、商品ページとヘッダーの部分の間に空白があり間延びしている為解消したく存じます。全ページ共通となっておりますが、代表的な商品ページをお送りします。https://item.rakuten.co.jp/fujihoro/tp20w/アドバイスいただけないでしょうか。

Answer

ECマスターズの田中美帆です。> 掲題の件、商品ページとヘッダーの部分の間に空白があり間延びしている為解消したく存じます。ページを確認させていただきました。iframeタグを使用して、ヘッダーを表示させているかと存じますが、CSSでiframeタグの高さを余分に指定していることが原因で、空白ができております。iframeタグを、以下のCSSでカスタマイズしているかと存じますが、.c-iframe--header {    height: 4289px;    width: 100%;    overflow: hidden;}height（高さ）の数値を変更することで空白の長さを調整できますので、実際に画面を確認しながら数値を調整されてみてください。

Answer

田中様早速の回答ありがとうございます。iframeタグが見つけられず。。。申し訳御座いません。どこに検討を付ければよろしいでしょうか。。。

Answer

ECマスターズの田中美帆です。> iframeタグが見つけられず。。。> 申し訳御座いません。> どこに検討を付ければよろしいでしょうか。。。大変失礼いたしました。Biiino（ビーノ）でページを作成されているということでよろしかったでしょうか。Biiinoでは、PCトップページの反映時にヘッダーの高さを自動で取得しているため、Biiino上で正しい高さが計算されないまま反映されていることが原因で、現在のように空白ができてしまっている可能性がございます。以下のマニュアルに従い、一度PCトップページの反映をお試しいただけますでしょうか。【商品ページ・カテゴリページ】ヘッダーに大きな空白がありますヘッダー部分の高さが正しく取得できていないhttps://lab.biiino.com/faq/item-register/item-page-header-blank#rtoc-6事務局ではBiiino上の動作が確認できないため、もし上記の方法で改善されない場合は恐れ入りますが、直接Biiinoへお問い合わせいただけますでしょうか。

Answer

田中様ご返信遅くなり申し訳ありません。Biino様にも問い合わせして解決致しました。ありがとうございました。

商品ページ共通でヘッダーの部分が間延びしている

カテゴリーから探す