通知
すべてクリア
トピックスターター
カラムブロックで、モバイル画面の時に縦並び順を変える方法について質問をさせてください。
２カラムを作成し「モバイルでは縦に並べる」をチェックすると、PC表示で左にあるものがモバイルでは上に、PCで右はモバイルでは下になります。
このモバイル表示の順を逆にし、PC：左→モバイル：下、PC：右→モバイル：上にしたいと考えています。
ネットで検索すると、カラムに「reverse-box」のようなクラス名を付け、
以下のような追加CSSを書けばOKとあります。
@media screen and (max-width:781px){
.reverse-box{
flex-direction: column-reverse;
}
}
しかし、Xwriteで試したところ、表示順が逆にはなりませんでした。
何かが干渉をしているのでしょうか？
あるいは、クラス名の付け方や追加CSSに問題があるのでしょうか？
お詳しい方がいらっしゃれば、指導いただけますと幸いです。
よろしくお願いします。
Xwriteバージョン
4.0.9
WordPressバージョン
7.1.4
PHPバージョン
8.3
ガイドラインへの同意
「フォーラムガイドライン」に同意します。
個人情報の記載に関する確認
個人情報の記載がないことを確認しました。
投稿済 : 2026年11月9日 7:55 PM