TCDテーマCherie：ヘッダースライダーがスマホ表示で見切れる場合の対処法

Q.ヘッダースライダーがスマホで見切れる

トップページのヘッダースライダー（動画）が、スマホで表示すると上下が見切れてしまい、全体を見渡せません。スマホでも正常に表示するにはどうすればよいですか？

A.カスタムCSSで縦横比を調整します

カスタムCSSを追加することで、スマホ表示時のヘッダースライダー（動画）の縦横比を調整し、全体が見えるように変更できます。

管理画面のTCDテーマ ＞ 基本設定 ＞ カスタムCSS・スクリプト ＞ カスタムCSSに、下記コードをコピペして保存してください（aspect-ratioの数値は、ご利用の動画の縦横比に合わせて調整してください）。

/* ヘッダースライダーをスマホで見切れないように調整 */
@media (max-width: 800px) {
#header_slider,
#header_slider .item {
height: auto;
aspect-ratio: 16 / 9;
}
}