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

ワードプレステーマ別

TCDテーマOOPS!:ハンバーガーメニューの色、及びメニューフォントカラーの変更方法

Q.スマホ表示の際の三本線(ハンバーガーメニュー)と、メニューの文字色を変更したい

▼変更箇所イメージ

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

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

◇ハンバーガーメニューの三本線変更
.c-menu-button {
 color: #●●●;
}
◇メニューのフォントカラー変更
@media only screen and (max-width: 1200px){
.p-global-nav a{
color: #●●●!important;
}

※●●●となっている部分は、
 お好きなカラーコードをご設定いただくと背景色を変更できます。
※詳しくは下記サイトをご参照ください。
 https://www.colordic.org/

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

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

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