• 文字サイズ


解決済

スマホヘッダー部分の高さ調整

  • 相談者:非公開
  • 2016/05/20 14:01
お世話になっています。

過去の質問を参考に、フローティングヘッダーを作っています。
そこでヘッダー部分の高さの調整がしたいのですが、どのようにしたら良いでしょうか。

現在使っているCSSは、当店GOLD内"sp"フォルダの"spheadder.css"です。
まだ試作中のため、HTMLは載せていません。(商品ページ共通説明文に入れる予定です)

CSS要素に
body #ipnsh-header, body #rstTopSearch, body #topFuncShopPopup, body #shopName { visibility: hidden; }
を入れているのですが、ヘッダーと商品画像との間に隙間ができてしまいます。

作りたいヘッダーは、
http://item.rakuten.co.jp/SHOP-URL/ITEM-URL
のようなイメージです。

よろしくお願い致します。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2016/05/20 14:48
ECマスターズの塚本です。

別途担当者よりお返事させていただきますので、
多少お時間いただきますが、今しばらくお待ちください。………(省略)………
  • 返信者:非公開
  • 2016/05/20 21:36
ECマスターズの田中です。

body #ipnsh-header, body #rstTopSearch, body #topFuncShopPopup,………(省略)………
  • 返信者:非公開(質問者)
  • 2016/05/21 11:05
田中様

ありがとうございます。
商品ページのほうはうまく設定できました。

同様にカテゴリページも設定したいのですが、
カテゴリページでは art………(省略)………
  • 返信者:非公開
  • 2016/05/22 05:51
ECマスターズの田中です。

それでは、「article.current」を「body」にご変更の上、
表示をご確認いただけますでしょうか。

art………(省略)………
  • 返信者:非公開(質問者)
  • 2016/05/23 14:45
田中様

お世話になっています。

bodyに変更することで希望通りの表示になりました。
ありがとうございました。………(省略)………
このフォーラムへの質問は終了しました