お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

TCDテーマORION:スマホ表示時のヘッダーの背景色を変更したい

WordPressテーマ「NULL」

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

ダウンロード

Q.スマホ表示時のヘッダー背景色・ハンバーガーメニューのアイコン色は変更可能でしょうか?

▼変更箇所イメージ

変更箇所イメージ

A.下記の方法でカスタマイズしてください。

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

.mobile #header_inner { background: ●; } /* ❶ヘッダー背景色 */
.mobile a.menu_button:before { color: ●; } /* ❷ハンバーガーメニューアイコン */

※●に任意のカラーコードを指定して下さい。
 
補足)
ロゴをテキストで表示していて、その文字色を変更したい場合は以下のCSSで調整できます。

.mobile #logo_text a { color: ●; } /* テキストロゴ文字色 */

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

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

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