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

ワードプレステーマ別

TCDテーマAVALONのスマホのハンバーガーメニューの色変更

Q.スマホの最下部のフッターメニューを表示させたい

スマホの画面上部のハンバーガー(三本線)メニューの色を変更する簡単な方法についてご説明します。

A.該当ファイルを編集してください

編集するファイル: responsive.css

下記コードのcolorを変更することで配色を変更できます。

たとえば赤にしたい場合は
color:#000
→color:#ff0000;
です。

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';

}

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

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

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