[ひげガール]

【お使いの Snow Monkey のバージョン】バージョン: 20.0.1
【お使いの Snow Monkey Blocks のバージョン】バージョン 19.0.0
【お使いの Snow Monkey Editor のバージョン】バージョン 9.2.0
【お使いのブラウザ】Google Chrome（スマホからのアクセス）
【当該サイトのURL】https://rooferconstruction.com/

### 発生している問題

アップデートにともない

下記のブロックエディターのレスポンシブデザインが無効になってしまった。

（制作時はレスポンシブされていた）

パソコンでは通常通り表示されますが、

スマホ版でもパソコンのような表示（以下の画像）になっている。

（当該ブロックエディター）

・「セクション（背景画像 / 動画）」の中に、

上から「画像」「段落」「メディアとテキスト（スノーモンキー版）」を設置

### 試したこと

・他のウェブサイトでも同様の事例があり、

当該ブロックエディターを有するページについて、

当該ウェブサイトのワードプレス管理画面の「更新」をクリックすると直りました。

ただ、修正箇所が膨大になってしまうため、

できれば、次回のアップデートに合わせご対応いただけると嬉しいです！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

この現象はエディター上だけでしょうか？フロント（閲覧者が見る実際のページ）でも発生しますか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あ、フロントでもなりますね…。

もともとが Blocks v18 未満で作成されたものかな？と思うのですが、v18 で大きな構造変更があった影響だと思います。「更新」せずに自動的に良い感じにするのができるかわからないのですが、とりあえず下記の CSS を追加してもらうことでサイズ固定が解除されると思います。

.smb-section__contents-wrapper {
  max-width: 100%; /* 効かなかったら !important してみてください */
}

ただ、これは一時的なパッチなので、「更新」を押して v18 以降の HTML/CSS 構造にアップデートされた場合はじゃまになる可能性があります。その場合は消してください。

♥ 0

いいねをした人: 居ません

[投稿者]

投稿