[ 解決済 ] スマホメニュー表示時のトグルの色変更について

[zoom]

■ WordPress のバージョン
6.2.2

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning Pro

■ テーマのバージョン
8.17.13

■ スキンの種類
Fort II

■ スキンのバージョン
9.1.1

■ 期待する動作
スマホ閲覧時、ハンバーガーメニュータップで表示されるメニューをツリー化しています
トグルの色を変更したいです

■ 自分で試した事
ソースを見て該当箇所と思われるcssをカスタマイズ

■ 症状が発生するブラウザ
全てのブラウザ

■ 実際の症状
様々トライしてみましたら色変更に至っていません

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[うなこ]

ハンバーガーメニューの三本線マークやOpen時の「×」の閉じるマークはsvg画像になります。Lightning pro テーマ内には白と黒のsvg 画像が入っていると思います。

以下のような感じでいかがでしょうか。Close時のハンバーガーメニューを白色にしました。

/* ハンバーガーメニューClose時　白色 */
.vk-mobile-nav-menu-btn {
    border-color: #fff;
    background: url(/wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg) center 50% no-repeat rgba(1,1,1,.8);
    border: 1px solid #fff;
}

【CSS解説】
background　url　で画像を読み込んでいます。#fffは白色の指定です。

▼CSSについてはこちらを参考にしてみてください。

できる！CSSカスタマイズ

[zoom]

うなこ様

いつもありがとうございます
お陰様で解決しました

[投稿者]

投稿