出荷日バナーが解像度が小さくなったときに隠れない

Question

お世話になっております。

以前にECステーション様から、
出荷日バナーを固定バナーで作るとよい、
とメルマガで届いたので、
PC画面の右側におきました。

ただし、商品ページなどの情報と重なりたくなかったので
解像度が1280より小さくなると
非表示にするよう、
他の右側においているバナーと
同じにしたいと思っていますが
うまくできません。

左上に割り込むように
今はなっています。


どのようにすればよいでしょうか。


ヘッダーに貼り付けています。
ソースは以下です。


お手数おかけしますが、よろしくお願いいたします。


↓↓↓　以下　↓↓↓


 





@media (min-width: 1280px) {
div#toolbox_date{
position: fixed;
top: 220px;/*画面上部からの距離をピクセル数で指定*/
width: 80px;/*出荷日バナーのソースのwidthと同じ*/
height: 250px;/*出荷日バナーのソースのheightと同じ*/
right:0px;
display:block;
}}

Accepted Answer

ECマスターズの田中です。

いただいたソースの場合、
横幅1280pxよりせまくなると、
単純にスタイルシートが外れ、
HTMLを書いた時の本来の位置に表示される仕組みとなっておりますので、

div#toolbox_date{ display: none; }

上記スタイルシート規則を追記していただき、
普段は非表示で、1280px以上になると画面横に固定表示される、
という仕組みにしていただければ結構です。

Answer

できました！

ありがとうございました。