TCDテーマBIRTH：スマホでトップページのスライダーを切り取られずに表示する方法

Q.スマホ表示の場合、スライダーで設定した画像または動画が高さ100%で表示されてしまい、切り取られて表示されます。

▼変更箇所イメージ

A.TCDテーマオプションの基本設定＞カスタムCSSに以下を追記してください。

下記のCSSを追記することで全画面表示を解消して、左右切り取られずにスライダーに設定した画像全体を表示させることができます。

@media (max-width: 767px) {
  body #header_slider, body #header_slider .item {
    height: unset!important;
    aspect-ratio: 16 / 9;
  }
}

※上記CSSは16：9の画像比率を想定している場合の記述になります。

2024.02.06

TCDテーマNANO：スマホでトップページのヘッダーコンテンツ画像・動画を切り取られずに表示する方法

Q.スマホ表示の場合、設定した画像または動画が全画面表示になってしまい、切り取られて表示されます。 ▼左：画像（1740×840ピクセル）　右：動画（640×360ピクセル）の例 A.下記のCSSを追加することで全画面表示を解消して全体が表示できます。 スマホとPCでは縦横比が...