女性起業家・フリーランスのWebサイトがつくれるWordPressテーマ「VALUE」WordPressテーマ「VALUE」
ワードプレステーマ別

TCDテーマSHIPS:スマホトップページのヘッダー画像・動画の縦幅を変更する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.スマホトップページのヘッダー画像や動画の表示サイズを調整可能ですか?

▼スマホトップページのヘッダーエリアのデフォルトサイズ

変更箇所イメージ

A.はい、カスタムCSSに追記することでカスタマイズ可能です。

▼カスタマイズ後のイメージ

変更箇所イメージ

管理画面のTCDテーマ > 基本設定 > カスタムCSS・スクリプト > カスタムCSSに、下記コードをコピペして保存してください。

@media only screen and (max-width: 600px) {
    #header_slider_wrap,
    #header_slider,
    #header_slider .item {
        height: calc(100dvh); /* 高さは調整してください */
    }
}

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事