フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。
モバイルで１列表示する場合の画像とテキストの順番について < ご要望
通知
すべてクリア
Topic starter
お世話になっております。
「メディアと文章」ブロックで
画像→テキスト
テキスト→画像
画像→テキスト
のように左右交互に並べた場合、
「モバイルでは縦に並べる」を設定するとモバイル表示では
画像
テキスト
テキスト
画像
画像
テキスト
と並んでしまいます。
これを以下のように
画像
テキスト
画像
テキスト
画像
テキスト
と並べたいと思っております。
どうぞよろしくお願いいたします。
投稿済 : 14/03/2020 11:12 pm
了(開発者) reacted
昨日はミートアップにご参加いただきありがとうございました！
次回アップデートまでに修正しておこうと思いますが、取り急ぎ以下のCSSをカスタマイザーの「追加CSS」に追記していただければと思います...！
@media (max-width: 600px) {
.is-stacked-on-mobile .wp-block-media-text__media {
grid-row: 1 !important;
}
.is-stacked-on-mobile .wp-block-media-text__content {
grid-row: 2 !important;
}
}
投稿済 : 15/03/2020 9:30 am
mocce reacted
Topic starter
@ryoさん
Meetupお疲れ様でした！とても楽しい時間でした！
Meetupについてスルーの投稿で失礼しました。
ここの投稿には好ましくないかと思って変に気を使ってしまいました。^^
CSSのご提供ありがとうございます！
これからの機能追加も楽しみにしております〜
投稿済 : 16/03/2020 12:43 am
了(開発者) reacted
Topic starter
@ryoさん
教えていただいたCSSの追加だけですと余白がテキストの下にあり画像との余白が無くなってしまったので、ちょっと修正しました。
他の方のためにも共有しますが、間違っていたら教えてください。
@media (max-width: 600px) {
.is-stacked-on-mobile .wp-block-media-text__media {
grid-row: 1 !important;
}
.is-stacked-on-mobile .wp-block-media-text__content {
grid-row: 2 !important;
}
.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
padding: 1em 0 0;
}
}
投稿済 : 17/03/2020 6:09 am
了(開発者) reacted