配布されたHTMLに横幅指定を追記すると、はみ出しを解消できます。
このFAOの対象機能
・グローバルデザイン
・GOLD製特集ページ（フリースペースでHTMLを設定するページ）
ご質問
楽天から配布されたバナーが、スマホ表示ではみ出てしまいます。
ご回答
配布されたHTMLコードに、横幅の指定が不足している可能性があります。
PCでは綺麗に表示されても、スマホでバナーが途中で切れて見える場合、楽天ECCなどから配布されたHTMLコードに、横幅の指定（width=”100%”）が不足していることが多いです。
対応方法
フリースペースのHTMLに、以下の記述を追記すると解消できます。
width="100%"【width=”100%”】を追加される場合には【フリースペース】を開いていただき、【HTML表示（＜＞ボタン）】に切り替えて設定してください。
具体的な操作方法につきまして
【width=”100%”】を追加される際の詳細設定手順は下記リンクよりご確認いただけますので、是非ご参考ください。
【楽天やYahoo!が配布するイベントバナーのHTMLタグを貼り付けたい】
ご注意事項
楽天配布のカウンターバナーはスマホに非対応
一点ご注意いただきたいのが、楽天市場から配布されるカウンター付きバナーです。
カウンターバナーについて
楽天市場で配布されているカウンターバナーは iframe というHTMLタグを使い、別途用意されたカウンターページを読み込むことで、HTMLを貼り付けた先のページでもカウンターバナーを表示しております。
ただ、残念ながらこの用意されたカウンターページ、つまり親元のファイル側がPCのみに対応したデザインとなっています。
配布元である楽天側での修正が必要となります
先に書きました width=”100%” をビーノ側に追記したとしても、親元のファイルには変更が加えられないため、スマホ対応の状態へと修正することが不可能となります。
恐れ入りますが、こちらはカウンターバナーの配布元である楽天側にて修正いただく必要がありますため、ビーノでは対応不可となりますことご了承ください。
関連キーワード カウントダウンバナー カウンタバナー タイマーバナー
