[hisanobu]

【お使いの Snow Monkey のバージョン】20.0.2
【お使いの Snow Monkey Blocks のバージョン】19.2.1
【お使いの Snow Monkey Editor のバージョン】9.2.1
【お使いの PHP のバージョン】8.1.9
【お使いのブラウザ】chrome
【当該サイトのURL】

### 発生している問題

セクション（ブロークングリッド）でモバイルの並び順を「画像→文章」にすると画像が拡大する
設定はデフォルトです。

モバイルの時は問題ありませんが、PCの時に画像がはみ出てしまいます。

 

### 試したこと

@media (min-width: 1024px)
style.css?v…683960199:1
.smb-section-break-the-grid–mobile-image>.smb-section__inner>.c-container>.smb-section__contents-wrapper>.c-row>.c-row__col>.smb-section-break-the-grid__figure–w-40 {
width: 140%;
}

のwidthを外すとデフォルト通りの表示になりました。

ご確認いただければ幸いです。

♥ 0

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

[キタジマ タカシ]

こちらの環境で試してみたのですが「画像→文章」でも「文章→画像」でも同じ大きさで表示されました。ページレイアウトの影響かなと思い、「右サイドバー」「1カラム」「フル幅」と試してみたのですがいずれも変化ありませんでした。実際の画面の URL を教えてもらうことは可能でしょうか？

♥ 0

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

[hisanobu]

ローカルなので一時的なurlで共有します

url: interesting-archive.localsite.io

ユーザー名、パス共に「admin」です。

♥ 0

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

[hisanobu]

失礼しました。

「メディアの高さをブロックの高さに揃える」もオンにしています。

♥ 0

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

[キタジマ タカシ]

ありがとうございます、確認できました！

.smb-section-break-the-grid–mobile-image>.smb-section__inner>.c-container>.smb-section__contents-wrapper>.c-row>.c-row__col>.smb-section-break-the-grid__figure–w-40 {
  width: 140%;
}

ご指摘いただいた↑が特に必要なさそうにみえます。多分消しても問題なさそうなので、次のアップデートで削除します！

♥ 1

いいねをした人:

[hisanobu]

かしこまりました、ご確認ありがとうございました。

urlとトピックを閉じさせていただきます！

♥ 1

いいねをした人:

[投稿者]

投稿