ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマGENSEN:ハンバーガーメニュー内の矢印の色を変更する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.スマホでハンバーガーメニューを開いた際に表示される矢印の色を変えたい。

メニューが階層化されている場合、スマホ閲覧時にはハンバーガーメニューを開くと親メニューのみが表示され、右端の「v 」をクリックで子メニュー以下が表示されます。この矢印の色は変更できますか。
 
▼変更箇所イメージ
変更箇所イメージ

A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。

@media only screen and (max-width: 1024px) {
#global_menu .child_menu_button .icon:before, #global_menu .child_menu_button:hover .icon:before {
    color: #ffffff;
}
}
「#ffffff」はカラーコードになります。カラーコードにつきましては下記参考サイトをご確認ください。
https://www.colordic.org/

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

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

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