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…の部分で、
スクロールなしの状態でも３点ボックスコンテンツを表示させるよう記述しています。
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！