イベント販促セットの　縦バナーについて

Question

お世話になります。

トップ画面に、
ecマスターズさんご指定の
html入れて表示させていますが、
レスポンシブ対応で、pc/スマホ共用で
トップ画面を作成しています。

なにで、ｐｃでは問題ないのですが、
スマホ画面だと、
縦バナーが、画面一面に表示されてしまいます。

スマホだけ、表示が小さくなるなど、
ご指定のhtml（以下：ご参考で掲載）に工夫をいれられませんでしょうか？

＝＝＝

html{
background-image:url("【バナーURL】");
background-repeat:repeat-y;
background-position:left;
}
body{
background-image:url("【バナーURL】");
background-repeat:repeat-y;
background-position:right;
background-color:transparent;
}

＝＝＝＝

Answer

ECマスターズの田中です。

スマートフォン含め、
表示横幅が狭くなって内容にかぶるようになると
どうしても内容が見づらくなってしまいますので、

https://sole-color-blog.com/blog/71/
メディアクエリという仕組みを利用して、たとえば


@media screen and (min-width:1432px) {
（中略・元のstyleタグの内容）
}


のように、画面横幅が1432px以上の時のみ表示する、
といった形でご設定いただきますようお願いします。

Answer

ありがとうございます！

ｐｃ画面を小さくしたり、
スマホで見ると、ちゃんと、消えていました！

しかし、ecマスターズツールの
スマホ画面表示機能では、
出たままですね。。
ツールの仕様の問題でしょうか？

Answer

キャッシュの問題だったのかもしれません、
ecマスターズツールのスマホ画面も
縦バナー、表示されなくなりました！

ありがとうございます！！

イベント販促セットの 縦バナーについて

イベント販促セットの　縦バナーについて