SP表示の時のカラムブロック崩れ < 不具合報告

フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。

通知

すべてクリア

[解決済] SP表示の時のカラムブロック崩れ

不具合報告

最新の投稿 : 了(開発者) 4年前

6 投稿

2 ユーザー

4 Likes

1,495 表示

RSS

RYO

(@fryo)

Eminent Member

Topic starter

お世話になっております。

【起こっている状況】
2列のカラムを設置し、SP表示の時に2列表示を設定すると表示が崩れてしまいます。

デベロッパーで確認してみたところ.sp_column2にflex-wrap: nowrapを追加すればきちんと表示される様です。

@media (max-width: 959px) {
 .wp-block-columns.sp_column2 {
    font-size: .9em;
  }
}

間違っていたらすいません 😓
よろしくお願いいたします。

投稿済 : 25/12/2020 12:40 pm

了(開発者)

(@ryo)

Illustrious Member Admin

ご報告ありがとうございます、あら、まじですか！

ちょっと調べてみます！

投稿済 : 25/12/2020 12:41 pm

RYO

(@fryo)

Eminent Member

Topic starter

@ryo

よろしくお願いいたしますm(_ _)m

別件ですが、SWELLの公式サイトが表示崩れしているセクションがありました。

確か3列にしていたところだったかな？

私もCSSで3列表示にしていたのですが、アップデートで1列になってしまったので 😣 😣

投稿済 : 25/12/2020 5:20 pm

了(開発者)

(@ryo)

Illustrious Member Admin

WordPress5.6から、コア側のCSSがめちゃくちゃ強力に（詳細度が高く）なったので、その影響で自分でスマホ３列とかにCSSでカスタマイズしているところは、書き直さないとダメな状態でした...！

ただ、「SP表示の時に2列表示」は僕の環境では普通に２列で表示できていまして、再現ができませんでした...！

URL教えていただけると助かります...！

投稿済 : 26/12/2020 2:37 am

しらこ reacted

RYO

(@fryo)

Eminent Member

Topic starter

@ryo　さん

お世話になっております。

新規ページを追加しカラム設定したところ、確かに不具合は生じませんでした
作成しているページをよく確認したところ、謎のmarginをcssで設定していた為それが影響していた事が判明しました。
お手を煩わせて申し訳ありませんでした😓　これからは新規ページで確認後投稿する様に心がけます。
ありがとうございました。

投稿済 : 26/12/2020 12:17 pm

了(開発者) and しらこ reacted

了(開発者)

(@ryo)

Illustrious Member Admin

あ、承知しました！

不具合じゃなくて安心しました...！笑

投稿済 : 26/12/2020 1:27 pm

RYO reacted

共有: