スマホで閲覧したのさいの三本線メニュー(ハンバーガーメニュー)の背景色をオリジナルに変更したいと思ったことはないでしょうか。
今回は、ハンバーガーメニューの背景色を変更するカスタマイズ方法について解説していきます。
※カスタマイズをされる場合は必ずバックアップしてからおこなってください。
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'; }
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!