モバイル用アコーディオンツリーメニューの色指定について

子テーマのmobile.cssあたりにぶっこんだらイケそうな気がします。style.cssあたりでも行けそうな気がしますが、それよりもmobile.cssのが良いようにも(優先度の問題で)。

ハンバーガーアイコンの部分でしたら、 #h-top #mobile-menu a かな。「MENU」と言う書き方からするに、別な感じがするんですけれども（笑）
メニューのリスト部分は #navi ul liかと思います。それぞれに、IDやクラスが設定してあるので、それで指定しても大丈夫かと。

思いますとか、大丈夫かもと言う不確定な言い方なのは、公式のスマホ画面が現在キャッシュが効いていたりで、ウチで見れないのと、ウチのサイトはカスタマイズやらしていて同じセレクタを利用しているのか不明な所もあったりするためです。

サイトアドレスを記入頂ければ、わいひらさんやら僕などが見に行って、その場で調べて、ここらですねと言うことができます。

Hidekichiさん、こんにちは
今、いじっているサイトは、http://divinus-jp.com です。
パソコンの画面ですとメニュー部分は赤というか、えんじ色っぽいのですが、ウィンドウ幅を狭くしたりスマホで見ますとメニューは黒と灰色になってしまうので、同じような濃い赤色になればいいなぁ。
といった次第です。
こんなお返事で手がかりになりますでしょうか？　

今見ました所、css自体は親テーマ/css/slicknav.cssに書いてあるんですけれども、子テーマモバイルcssで上書きできるんじゃなかろうかと思います。

ハンバーガーの部分は、

.slicknav_menu .slicknav_icon-bar {
  color: 任意の色;
}

で変えられます。ハンバーガーの線それぞれがspanで作られているので、例えば、

.slicknav_icon-bar:first-child {
  color: 何かしらの色A;
}

または、

.slicknav_menu .slicknav_icon-bar {
  color: 例えば赤;
}

.slicknav_menu .slicknav_icon-bar:odd {
  color: 例えば黒;
}

こう設定すると、黒赤黒と言う並びに色を付けたりもできます。:oddは奇数、:evenは偶数です。
まぁこれらはそれぞれのバーに色を付けるためですので、全部同じ色で良いなら.slicknav_menu .slicknav_icon-barに色設定すれば良いかと思います。

MENUの部分は、.slicknav_menu .slicknav_menutxtに対してcolorで色を設定すれば良いかと思います。
MENUとハンバーガーの部分を同じ色にするのであれば、

.slicknav_menu .slicknav_menutxt,
.slicknav_menu .slicknav_icon-bar{
  color: 任意の色;
}

とかでイケるんじゃなかろうかと思います。

背景の部分は、.slicknav_btnに対してbackground-colorで設定します。が、MENUにはtext-shadowがかかっているので(黒ぼかし)、web開発環境(モダンブラウザでF12キー)などでカラーピッカー等を利用して最適な値を見つけてください。

あ、間違えた。

ハンバーガーの部分はbackground-colorです。なので、

.slicknav_menu .slicknav_menutxt,
.slicknav_menu .slicknav_icon-bar{
  color: 任意の色;
}

これはできません。

.slicknav_menu .slicknav_menutxt{
  color: 任意の色;
}
.slicknav_menu .slicknav_icon-bar{
  background-color: 任意の色;
}

こんな感じかと思います。

ややこしいことを書いたので、まとめ

.slicknav_menu .slicknav_menutxt{
  color: 任意の色;
}
.slicknav_menu .slicknav_icon-bar{
  background-color: 任意の色;
}

.slicknav_btn{
  background-color: 任意の色;
}

これでイケると思うんですけど、他のcssのメディアクエリで上書きされるかも知れないので、その場合は、

@media screen and (min-width: xxx) and (max-width: yyy){
  //ここに上のスタイルを入れる
}

こんな感じにして、最小画面幅と最大画面幅を設定すれば、その範囲内で、スタイルが適用されるようになります。

@media screen and (min-width: 300px){
  //...処理...
}

とすれば、300px以上の画面幅が対象で、該当するスタイルが適用されるタグが存在する時のみ有効になります。逆に、(max-width: 1024px)などとすれば、1024px以下は適用範囲になります。

Hidekichi さん、ありがとうございます。
先ほどのURLのサイトでは、いきなりテストも出来ないので、私のサイト http://suu-net.com サイトにて
Simplicity child: mobile.css　に

.slicknav_menu .slicknav_menutxt{
  color: #FFFFF;
}
.slicknav_menu .slicknav_icon-bar{
  background-color: #990000;
}
 
.slicknav_btn{
  background-color: #FF0099;
}

と、入れてみたのですが、変わりませんでした。わたしが書くところ間違えてますか？
もしかして幅の設定(@media screen and (min-width: 300px)とかは必須でしょうか)
シロート質問で申し訳ありません。

Hidekichi さん、お世話になります。
おかげさまで、モバイルメニューの色づけ出来ました。
親テーマの slicknav.css にコメント入れて色変更し、バックアップをとりました。
親テーマのアップデートをしたときには、そこだけは毎回、手動で変更が必要という事ですね。
たいへん勉強になりました。
いろいろと詳しい解説、ありがとうございました。

実は、割愛しましたが、jQueryで、headタグにstyleタグを書き出すという方法なら、親テーマの変更なしに色々できるんですけれども、まぁこれはまた別の機会に。