会員サイトをリニューアルしました! 新サイトはこちら

カラムブロックのデザイン崩れについて < 不具合報告

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

カラムブロックのデザイン崩れについて
 
通知
すべてクリア

[解決済] カラムブロックのデザイン崩れについて

5 投稿
2 ユーザー
1 Likes
1,493 表示
popo
 popo
(@popo)
New Member
Topic starter
 

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

しばらく様子を見ていましたが、修正されそうにないので質問させていただきます。

私の勘違いでしたら申し訳ございません。

【環境】

OS Windows10
ブラウザ Chrome
WordPress 5.6
SWELL 2.2.8.2
プラグインなし
テーマインストール直後
一応キャッシュの削除もしています

【状況】

固定ページにカラムブロックを設置。カラムの数は2つ以上で、スマホでの列数設定は「1列」。このときに、600px~781pxでカラムが2列になって余白などのデザインが崩れますが、これは不具合でしょうか?

【詳細】

私の環境では、カラムブロックの列数が以下のような挙動になります。

959px以下で1列
781px以下で2列
599px以下で1列

個人的には、959px以下はずっと1列が良いと思っています。間違っているかもしれませんが、少し調べた感じではブロックライブラリのCSSがSWELLのCSSを打ち消しているような印象を受けます。

・ブロックライブラリのCSS

@media (max-width: 781px) and (min-width: 600px)
.wp-block-column:not(:only-child) {
flex-basis: calc(50% - 1em)!important;
flex-grow: 0;
}

・SWELLのCSS

@media (max-width: 959px)
.wp-block-column {
flex-basis: 100%!important;
}

 
投稿済 : 14/12/2020 9:33 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

本当ですね...!WordPress5.6からCSSがさらに協力になっていたみたいで、見落としておりました...!

すみません、次回アップデートで修正しておきます...!

 
投稿済 : 15/12/2020 12:41 am
popo
 popo
(@popo)
New Member
Topic starter
 

ありがとうございます。お手数ですが、よろしくお願いします!

 
投稿済 : 15/12/2020 4:46 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

こちら2.2.8.3にて、修正できていると思います...!

 
投稿済 : 15/12/2020 11:32 am
popo
 popo
(@popo)
New Member
Topic starter
 

早速修正していただき、ありがとうございました!

 
投稿済 : 15/12/2020 2:37 pm
共有: