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

ワードプレステーマ別

TCDテーマSERUM:スマホ表示時トップページヘッダーコンテンツの白枠を非表示にする方法

Q.スマホで見た際のトップページヘッダーコンテンツ部分の白い枠をなくしたいです。

 
▼変更箇所イメージ
変更箇所イメージ

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

以下の記述をTCDテーマ>基本設定のカスタムCSSに入力してください。

@media only screen and (max-width: 1000px) {
 #header_slider_wrap { width: 100%; margin: -20px 0 35px; }
 body.home.no_header_logo_image #header_logo2 { left: 20px; top: 0; }
 body.home #drawer_menu_button { right: 0; bottom: 0; }
}

 
補足)
スクエアロゴ設定時は、ロゴ部分に白の背景色があるというデザイン仕様を踏まえ、上記のカスタマイズは行わないことをおすすめします。

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

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

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