レスポンシブ対応用のコード（CSS）について

レスポンシブ対応する際のCSS

SYN（シン）にはあらかじめレスポンシブ対応のためのCSSが用意されています。
ロゴ下部のキャッチコピーなど、スマホでは改行をしたい時などに利用ください。

「カスタマイズ」>「全体の設定」から「メインコピー」の入力欄を確認します。
以下のように設定することで、スマホ表示の際に改行を有効にします。

利用例

ウェブライダーのナレッジが集まる<br class="sm-mode">マーケティング系メディア

.sm-mode
.md-mod
.over-md-mode
.over-sm-mode

クラス名	表示される範囲	隠れる条件	想定用途
sm-mode	〜639pxまで	640px以上で非表示	スマホ専用表示
md-mode	〜785pxまで	786px以上で非表示	タブレット専用表示
over-md-mode	786px以上で表示	786px以下で非表示	PC専用表示
over-sm-mode	640px以上で表示	640px以下で非表示	タブレット〜PC表示