【解決済】MODEのドロップメニューのカラー変更について

[tech]

——————————————-
WordPress のバージョン：5.8.2
Welcart のバージョン：2.3.5
PHP のバージョン：7.3.31
Welcart専用の拡張プラグインとバージョン：なし
ご利用の親テーマとバージョン : MODE 1.1.1
ご利用の子テーマとバージョン :なし
症状を確認したブラウザ：Chrome IE EDGE
サーバー【重要】：エックスサーバー　レンタル　スタンダード
——————————————–

素人質問で申し訳ございません。
MODEを使用しており、
カスタマイズ＞色＞ヘッダー
より、ヘッダーの背景色を白から黒に変更、これにより文字色を黒から白に変更しました。
PC表示時のドロップメニュー（2階層目以降のメニュー）の背景色が変更できず、デフォルトの白背景に文字色だけ白に変わり、背景と文字が同色で見えない状態です。

ドロップメニューの背景色の色変更箇所を教えて頂けませんでしょうか？

[sagawa]

こんにちは。

ご報告ありがとうございます。
症状を確認いたしましたので、Welcart Modeの次期バージョンで修正いたします。
お急ぎの場合は、下記の内容を「追加CSS」に記述していただければと思います。

.global-navigation ul.sub-menu li a,
.global-navigation li a ~ span:before {
	color: #fff;
}
.search-box .search-text {
	color: #fff !important;
}
@media screen and (min-width: 55em) {
	.global-navigation ul.sub-menu li a {
		color: #000;
	}
}

[tech]

丁寧にありがとうございました。
頂いたコードで、ドロップメニューの文字色は変更できたのですが、ドロップメニューの背景色の変更も教えて頂けませんでしょうか？

[sagawa]

tech様

下記の内容でドロップメニューの背景色も変更できるかと思います。
背景色のプロパティ値には、ご希望のカラーコードを指定してご利用下さい。

.global-navigation ul.sub-menu li a,
.global-navigation li a ~ span:before {
    color: #fff;
}
.search-box .search-text {
    color: #fff !important;
}
@media screen and (min-width: 55em) {
    .global-navigation ul.sub-menu li a {
        color: #000;
    }
    .global-navigation ul.sub-menu {
        background-color: カラーコード !important;
    }
}

[tech]

丁寧に教えて頂き感謝いたします。
全て解決しました。
ありがとうございました！

[投稿者]

投稿