WordPressテーマTCDのカスタマイズを研究するサイト

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/

The following two tabs change content below.

okaeri

お絵描き大好きです。

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。