[pankichi1110]

【お使いの Snow Monkey のバージョン】
29.0.0

【お使いの Snow Monkey Blocks のバージョン】
24.0.4

【お使いの Snow Monkey Editor のバージョン】
11.0.1

【お使いのブラウザ】
Google Chrome

### 実現したいこと
指定のセクションをスマートフォンでは非表示にしたい

### 発生している問題
指定のセクションの設定欄で、
■ Snow Monkey Editor→表示設定（ウィンドウサイズ）→”スマートフォンサイズで非表示”にチェックを入れる
上記の操作をしてみましたが、スマートフォンで表示確認をすると該当の項目が表示されてしまっています。

### 試したこと
以前のキャッシュが残っているのかと思い、スマートフォンのブラウザのキャッシュを消したりして確認してみましたが、やはり表示されてしまいました。

♥ 0

Who liked: No user

[キタジマ タカシ]

こちらの環境でシンプルなセクションブロックに「スマートフォンサイズで非表示」したところ、正しく動作しました。
なので別の CSS が干渉しているのかもしれません。ページの URL を共有してもらうことは可能ですか？

♥ 0

Who liked: No user

[pankichi1110]

ご返答ありがとうございます。
こちらです。

有限会社 Le Lien

le-lien.biz

サイトを開くとすぐに表示される青色の背景のセクションを、スマホでは非表示にしたいです。
（現在の設定では非表示になるようにしています）

♥ 0

Who liked: No user

[キタジマ タカシ]

ありがとうございます。

Mac の Chrome と iPhone で確認したところ、どちらでも非表示になっていました。

.sme-hidden-sm というクラスが追加され、スマホサイズでは display: none になります。
Chrome のデベロッパーツールでセクションを選択して、クラスとスタイルが適用されているか確認してみてください。

♥ 0

Who liked: No user

[pankichi1110]

ご返答ありがとうございます。
先ほど確認したところ、ちゃんと非表示になっておりました・・・！

なので別の CSS が干渉しているのかもしれません。

2件目のご返答をいただく前、1件目のご返答で頂いた上記アドバイスを元に、
追加CSSをすべて削除して保存→再びCSSを追加して保存、という作業をしてみたのですが、
もしかするとそれが効果があったのでしょうか・・・。

いずれにせよ、未熟な質問にご返答頂きありがとうございました。
とても助かりました。

♥ 1

Who liked:

[投稿者]

投稿