TCDテーマSOURCE：スマホトップページの画像スライダーの高さを変更する方法

Q.スマホ表示でトップページ画像スライダーの縦幅が大きく、横が見切れるので調整したい。

A.下記の方法でカスタマイズしてください。

カスタムCSSに下記の内容を記載下さい。

@media only screen and (max-width: 767px) {
#header_slider { height: ●vh; }
#header_slider .item { height: ●vh; }
.use_animation #index_3box_header.animation_element .headline { opacity:1; }
.use_animation #index_3box_header.animation_element .desc { opacity:1; }
}

●に任意の値を設定ください。（デフォルトは90です）

（補足）
通常ですと、画面のスクロールに合わせてスライダーから下のコンテンツが出現しますが、
画像スライダーの高さを調整すると、スクロール前の状態（＝コンテンツ出現アクション前）が画面下部に表示されるため空白があるように見えてしまいます。

そのため、上記のカスタムCSSでは、.use_animation…の部分で、
スクロールなしの状態でも３点ボックスコンテンツを表示させるよう記述しています。