• 文字サイズ


解決済

スマホのフロートバナーの幅について

  • 相談者:非公開
  • 2018/12/17 11:48
いつもお世話になっております。
他の方のフォーラムを見てスマホのフロートバナーを入れたのですが、
幅が広くて、アプリ経由で見ると商品ページの見える幅が狭くなっています。
この幅を狭くするにはどうすればいいでしょうか?
画像幅を狭くしたのですが、変わらないので教えてください。
下記を入れてます。よろしくお願い致します。
<iframe ="" id="spFloatHeader" src="https://www.rakuten.ne.jp/gold/*********/sp _float.html"></iframe ="">
<style ="">
#spFloatHeader {
display: block;
position: fixed;
left: 0;
top: 0;
z-index: 2;
width: 100%;
}
#rstTopSearch, #ipnsh-header, #topFuncShopPopup {
position: relative;
z-index: 3;
background-color: white;
}
</style ="">
キーワード:スマホフロートバナー
投稿内容について報告する

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

  • 返信者:非公開
  • 2018/12/17 18:49
ECマスターズの田中です。

> この幅を狭くするにはどうすればいいでしょうか?

「sp _float.html」内で読み込んでいる
「sp.css………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/18 16:06
田中様
ご返答ありがとうございます。

<「sp.css」にて、まずは
.header_menu li img
への規則に、
vertical-al………(省略)………
  • 返信者:非公開
  • 2018/12/18 20:28
ECマスターズの田中です。

「sp_float.html」自体ではなく、その中で読み込んでいる「sp.css」、つまり
https://www.raku………(省略)………
  • 返信者:非公開(質問者)
  • 2018/12/19 13:17
田中様
ありがとうございます。
CSSは業者に頼んだので触ったことなくドキドキでしたが出来ました!
ご丁寧な対応 感謝致します。………(省略)………
このフォーラムへの質問は終了しました