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

スマホでTCDテーマLOTUSを閲覧した時のハンバーガーメニュー背景色を変更する方法

スマホで閲覧したのさいの三本線メニュー(ハンバーガーメニュー)の背景色をオリジナルに変更したいと思ったことはないでしょうか。

今回は、ハンバーガーメニューの背景色を変更するカスタマイズ方法について解説していきます。

※カスタマイズをされる場合は必ずバックアップしてからおこなってください。

1.カスタマイズするCSSを表示させる

管理画面から【外観】にマウスをあてていただき、【テーマの編集】ボタンをクリックしていただきます。

次に画面を右側に【responsive.css】がありますのでクリックして下さい。

2.下記コードを削除します。

<修正コード>
下記コードの色の部分を変更してください。


a.menu_button:before {

font-family: 'design_plus';
color: #000;
display: block;
position: absolute;
top: 17px;
left: 19px;
font-size: 22px;
width: 24px;
height: 24px;
line-height: 24px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f0c9';

}                         
The following two tabs change content below.

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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