Wordpressのグローバルメニューのモバイル表示にもオリジナルのアイコンをつけたい

Question

https://teratail.com/questions/150620　　の類似質問です。

PC表示の場合に、ブローバルメニューにオリジナルのアイコンをつけることはできたのですが、
それをスマホのメニューで見たときに、表示されていませんでした。

icoMoon の指定は下記のようにCSSで行いました。（htmlではうまくいかなかったため）

li#menu-item-3938 
a:before 
{ 
font-family: "icomoon"; content: "\e900"; padding-right: 10px;
}

li#menu-item-3938　のところを、スマホ表示の際の個別の指定にしたらいいのかなと思うのですが、
chromeのデベロッパーツールでは、項目別でなくて、リスト一色の指定になってしまいます。
wordpress/カスタマイズ/メニュー/のCSSクラスに、cssを追記・保存しましたが、反映されなくて、
当該のアイコンを設定したいところだけではなく、.mobile-nav-frame ul li
のリスト全部にアイコンが表示されてしまいます。

勉強足らずは承知なのですが、どなたかご教示いただけないでしょうか。
お知恵を拝借できたら助かります。よろしくお願いします。

Answer 1

解決していませんが、今回は諦めました。