「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマORION:スマホでトップページのスライダー・スライダー上のロゴを表示しない方法

Q.スマホ表示時のみ、トップページのヘッダーコンテンツ(画像スライダー)を表示しない方法はありますか。

A.下記の方法でご対応ください。

外観>TCDテーマオプション>基本設定のカスタムCSSに入力ください。

@media only screen and (max-width: 970px) {
  #header_slider, #header_logo_index { display: none!important; }
  .home #top { height: 10vh; }
}

画像スライダーと、「トップページヘッダーコンテンツのロゴ」を非表示にしています。
また、非表示にした分のスライダー下のコンテンツ1との間隔を調整しています。

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

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

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