• 文字サイズ


質問中

ショップ内検索君&イベント更新君のスマホgold表示

  • 相談者:非公開
  • 2021/04/20 16:37
いつもお世話になっております。

楽天goldでトップページ表示させているのですが、
今回ショップ内検索君&イベント更新君を設置した際に
PC側は正常に表示されているのですが、スマホ側だとおかしな表示になります。
使用したコードはこちらです↓↓↓

<!-- イベント告知君と検索窓 -->
<style>.emRPBandSearch{display:flex;justify-content:space-between;max-width:1000px;margin: 0 auto;}.emRPB{margin:0;padding:0;flex:0 0 510px;}.emSearch{width:calc(100% - 525px);}.emShopSearchForm{width:100%;margin:0;}.emShopSearchForm > *{vertical-align:bottom;box-sizing:border-box;height:38px;}.emShopSearchInput{width:calc(100% - 45px);height:38px;border:2px solid #bf0000;border-radius:3px;text-indent:8px;font-size:12px;font-family:"Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;line-height:32px;}.emShopSearchButton{border:none;border-radius:3px;width:48px;margin:0 0 0 -3px;cursor:pointer;background:#bf0000 url(/com/img/home/itempage/haeder_sprite.png) no-repeat 1px -239px;}</style><div class="emRPBandSearch"><div class="emSearch"><form method="get" class="emShopSearchForm" action="https://esearch.rakuten.co.jp/rms/sd/esearch/vc" accept-charset="EUC-JP" target="_top"><input type="hidden" name="sid" value="SHOP-ID"><input type="text" name="sitem" value="" size="40" placeholder="ショップ内から探す" class="emShopSearchInput"><button class="emShopSearchButton"></button></form></div><div class="emRPB"><iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/rpoint_box/rpoint_box_scroll.html" width="510" height="75" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" hspace="0" vspace="0"></iframe></div></div>
<!-- /イベント告知君と検索窓 -->


スマホも綺麗に表示させる方法はありますでしょうか?
宜しくお願い致します。
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
2020年は4月から毎週オンラインにて開催し、1900社が参加された90分で学べる楽天集客対策セミナーですが、アップデートをして2021年も開催いたします。

  • 返信者:非公開
  • 2021/04/20 18:01
ECマスターズの伊藤です。

> 今回ショップ内検索君&イベント更新君を設置した際に
> PC側は正常に表示されているのですが、スマホ側だとおかしな表示に………(省略)………
  • 返信者:非公開(質問者)
  • 2021/04/21 16:09
何度もすみません。
イベント告知君単体のスマホgold対応版を設置してみたのですが、
PC版の表示がおかしくなります。(画像が極大の大きさになります)
………(省略)………
  • 返信者:非公開
  • 2021/04/21 17:23
ECマスターズの伊藤です。

> イベント告知君単体のスマホgold対応版を設置してみたのですが、
> PC版の表示がおかしくなります。(画像が極大の大き………(省略)………