[ 解決済 ] ハンバーガーメニュー（3本線）の色を変えたい

[morisac]

■ WordPress のバージョン
6.8

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

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.29.6

■ Pro Unit のバージョン
0.29.4

■ スキンの種類
Origin III

■ 期待する動作
ハンバーガーメニュー（3本線）の色を変えて、見えるようにしたい

■ 自分で試した事
検証モードでの色の変更…しかし、該当箇所を見つけられず

■ 症状が発生するブラウザ
Google Chrome

■ 実際の症状
サイトデータを移行したところ、ハンバーガーメニュー（3本線）の色が変わってしまい、見えなくなってしまった。
そこで色を変更したいと思い、色々試してみたのですが、弄るべき場所を見つけられず…
どこをカスタマイズすれば良いのでしょうか？

---

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

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

[morisac]

無事に解決できました。
この箇所はコードなどではなく、画像だったんですね。
それぞれ添付の画像をメディアライブラリに保存の上、
下記コードを追加CSSに入れて表示できました。

/*ハンバーガーメニューカスタマイズ*/
.vk-mobile-nav-menu-btn {
    border: none;
    background-image: url("http://kotoyaku.co.jp/wp/wp-content/uploads/2025/04/20220902-05.png");
	  background-size: cover;
}

.vk-mobile-nav-menu-btn.menu-open {
    border: none;
    background-image: url("http://kotoyaku.co.jp/wp/wp-content/uploads/2025/04/20220902-06.png");
	  background-size: cover;
}

.vk-menu-acc .acc-btn-open {
		  border: none;
    background-image: url("http://kotoyaku.co.jp/wp/wp-content/uploads/2025/04/20250330.png");
			    border: none;
			}

.vk-menu-acc .acc-btn-close {
		  border: none;
    background-image: url("http://kotoyaku.co.jp/wp/wp-content/uploads/2025/04/20220902-06.png");
			    border: none;
			}

Attachments:

You must be logged in to view attached files.

[投稿者]

投稿