【カラムブロックで使えるスマホ対応css】テンプレート・セミオーダーのホームページ制作における小技

WPテーマ機能紹介 cssカラム 投稿日:2022.10.20 / 更新日:2023.03.15

カラムブロックでスマホ時に使える便利な機能を用意してあります。

1. スマホの時もパソコンと同様で横並びの見せ方にする

下記クラス名を全体を囲んでいるカラムに追加する。

※「高度な設定」の「追加 CSS クラス」にコピーして貼り付ける。

flex-row-sp

2. スマホの時は2つ横並びの見せ方にする

下記クラス名を全体を囲んでいるカラムに追加する。

※「高度な設定」の「追加 CSS クラス」にコピーして貼り付ける。

flex-half-sp

3. スマホの時は順序を逆にする

下記クラス名を全体を囲んでいるカラムに追加する。

※「高度な設定」の「追加 CSS クラス」にコピーして貼り付ける。

flex-reverse-sp