お世話になります。
前回ご助言頂き、YahooトリプルでPC用とスマホ用トップページを作成しました。
現在問題なく動いているようなのですが、ご質問があります。

・質問１
PCトップページ　https://shopping.geocities.jp/***/index.html　の
左サイド・右サイドにそれぞれ固定バナーを設置したのですが
ブラウザを小さくすると他のバナーにかぶさって、見えづらくなってしまいます。
左の背景バナーのCSSへは以下のタグを入れてみましたが、変わりませんでした。
@media (max-width: 1200px) {
#tateobi1 {visibility:hidden;}
}
どのように修正すれば良いでしょうか。

・質問２
現在スマートフォン版のトップに戻るたび「スマホ版を表示しますか？」
と出るのですが、表示させない方法はありますか？

質問が2つになってしまい申し訳ありません。どうぞよろしくお願いいたします。