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

TCDテーマSEEED:ドロワーメニューの背景色を変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.スマホで表示されるドロワーメニューの背景色を変更したいです。

デフォルトでは黒で固定されているので、変更する場合はCSSを調整してください。

▼変更前イメージ

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

@media screen and (max-width: 767px) {
#drawer_menu {
background: #008b8b;
}
}

カラーコードは適宜ご変更ください。

▼変更後イメージ

背景色の変更に伴い、文字色やアイコンの色も変更する場合は以下のように記述してください。

@media screen and (max-width: 767px) {
#drawer_menu {
background: #008b8b;
}
#mobile_menu a, #mobile_menu .child_menu_button:after, #drawer_mneu_close_button:before, #mobile_sns.color_type1 li a:before {
color: #000 !important;
}
}

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

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

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