WordPressテーマ「SWELL」で表スクロールデザインが崩れる時の対処法

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

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

これによりスマートフォンで横の表組みが多い場合でも、表組みスクロールが綺麗に見えるようになります。

本カスタマイズの基本情報

やることCSSの追加
所要時間5分
ツール名なし(CSS調整)
費用0円
注意点特になし

本カスタマイズの設定方法

STEP
CSSに以下を追記します。

これで表組みが段ずれすることなく綺麗にスクロールするようになります。

.wp-block-table.sp_scroll_ {
    white-space: nowrap;
}

コメント

コメントする