- このトピックには6件の返信、2人の参加者があり、最後に
により3年、 1ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】最新
【お使いの Snow Monkey Blocks のバージョン】最新
【お使いの Snow Monkey Editor のバージョン】最新
【お使いのブラウザ】Chrome
【当該サイトのURL】公開不可### 実現したいこと
PCとスマホでの表示の方法を画像のように変更しています。
PC
スマホ
スマホの場合に上記の画像のように余白が表れてしまいます。
追加CSSに下記のコードを入力をするとスペースはなくなり改善します。
ですが全ページに影響しているため他のページも影響を及ぼし、カスタマイズが行いにくくなってしまっています。
@media (max-width: 599px) {
.wp-block-columns {
display: none;
}
}この余白を消すために何か良い方法はございませんでしょうか？
### 発生している問題
### 試したこと
いいねをした人: 居ません回答ありがとうございます。
ブロックにCSSクラス設定してdisplay: none;で消してみたところ、何も設定していない時より余白は少なくなりますが、.wp-block-columnsをdisplay: none;で削除する時に比べると少し余白が残ってしまうようです。
この少し残ってしまう余白もなくしてしまいたいのですが、何か方法はございますでしょうか。
いいねをした人: 居ません拝見しました。
PC 用のカラムブロック（の中に画像）、モバイル用の画像、という構成になっていますよね？ そして、「PC 用のカラムブロック」自体には Snow Monkey Editor の非表示設定はあたっていなくて、画像にあたっていますよね？ まずはこの非表示設定をカラムブロック自体に適用してみてください。
それでも変わらないときは、カラムブロックに続く画像に margin-top があたっているので、その画像に適当なクラスを付与して、モバイルのときは margin-top が少なくなるように CSS を足してみてください。
いいねをした人: 居ません
- トピック「スマホ表示の際に出現する余白部分の削除方法」には新しい返信をつけることはできません。