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

不具合報告では、その現象が確認できるURLを添えて、ご報告ください。
(+できれば画像も添付していただければ助かります。)

トピックを立てる前にチェックしてね!
  1. 初めてご利用の方は、 「フォーラムガイドライン」・「よくある質問」・「SWELLでの非推奨プラグイン」に一度は目を通しておいてください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. WordPressでの不具合が全てテーマによる不具合だとは限りません
    本当にテーマによる問題かどうか、プラグインを見直して解決しないかどうかも先に検証しておいていただけると、非常に助かります。
  4. まずはGoogleで検索してみて、自力で解決できる問題かどうかを調べてみてください。
    ここで質問しようとしている内容をそのまま検索すれば答えが見つかるかもしれません。
SP表示の時のカラムブロック崩れ
 
通知
すべてクリア

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

RYO
 RYO
(@fryo)
Eminent Member

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

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

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

@media (max-width: 959px) {
.wp-block-columns.sp_column2 {
font-size: .9em;
}
}
間違っていたらすいません 😓 
よろしくお願いいたします。
引用
Topic starter 投稿済 : 25/12/2020 9:40 pm
了
 
(@ryo)
メンバー Admin

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

ちょっと調べてみます!

返信引用
投稿済 : 25/12/2020 9:41 pm
RYO
 RYO
(@fryo)
Eminent Member

@ryo

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

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

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

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

返信引用
Topic starter 投稿済 : 26/12/2020 2:20 am
了
 
(@ryo)
メンバー Admin

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

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

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

返信引用
投稿済 : 26/12/2020 11:37 am
しらこ 件のいいね!
RYO
 RYO
(@fryo)
Eminent Member

@ryo さん

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

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

返信引用
Topic starter 投稿済 : 26/12/2020 9:17 pm
しらこ 件のいいね!
了
 
(@ryo)
メンバー Admin

あ、承知しました!

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

返信引用
投稿済 : 26/12/2020 10:27 pm
RYO 件のいいね!
共有: