- 文字サイズ変更
- 小
- 中
- 大
解決済
スマホヘッダー部分の高さ調整
- 相談者：非公開
- 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
のようなイメージです。
よろしくお願い致します。
過去の質問を参考に、フローティングヘッダーを作っています。
そこでヘッダー部分の高さの調整がしたいのですが、どのようにしたら良いでしょうか。
現在使っている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
のようなイメージです。
よろしくお願い致します。
このフォーラムへの質問は終了しました
- 返信者：非公開
- 2016/05/20 14:48
ECマスターズの塚本です。
別途担当者よりお返事させていただきますので、
多少お時間いただきますが、今しばらくお待ちください。………（省略）………
別途担当者よりお返事させていただきますので、
多少お時間いただきますが、今しばらくお待ちください。………（省略）………
- 返信者：非公開
- 2016/05/20 21:36
ECマスターズの田中です。
body #ipnsh-header, body #rstTopSearch, body #topFuncShopPopup,………（省略）………
body #ipnsh-header, body #rstTopSearch, body #topFuncShopPopup,………（省略）………
- 返信者：非公開（質問者）
- 2016/05/21 11:05
田中様
ありがとうございます。
商品ページのほうはうまく設定できました。
同様にカテゴリページも設定したいのですが、
カテゴリページでは art………（省略）………
ありがとうございます。
商品ページのほうはうまく設定できました。
同様にカテゴリページも設定したいのですが、
カテゴリページでは art………（省略）………
- 返信者：非公開
- 2016/05/22 05:51
ECマスターズの田中です。
それでは、「article.current」を「body」にご変更の上、
表示をご確認いただけますでしょうか。
art………（省略）………
それでは、「article.current」を「body」にご変更の上、
表示をご確認いただけますでしょうか。
art………（省略）………
- 返信者：非公開（質問者）
- 2016/05/23 14:45
田中様
お世話になっています。
bodyに変更することで希望通りの表示になりました。
ありがとうございました。………（省略）………
お世話になっています。
bodyに変更することで希望通りの表示になりました。
ありがとうございました。………（省略）………
このフォーラムへの質問は終了しました
質問を検索する