WordPressテーマのSWELL(スウェル)では表組みをスクロールできる機能がありますが、横のセル数が多くなると以下のように表組みが崩れてしまうことがあります。

これをCSSで以下のように調整します。表組みが一段になり、綺麗にスクロールできます。実際のデモサイトはこちらです。スマホ状態にしてご覧ください。

これによりスマートフォンで横の表組みが多い場合でも、表組みスクロールが綺麗に見えるようになります。
本カスタマイズの基本情報
やること | CSSの追加 |
所要時間 | 5分 |
ツール名 | なし(CSS調整) |
費用 | 0円 |
注意点 | 特になし |
本カスタマイズの設定方法
STEP
CSSに以下を追記します。
これで表組みが段ずれすることなく綺麗にスクロールするようになります。
.wp-block-table.sp_scroll_ {
white-space: nowrap;
}
コメント