スライドメニューの文字サイズ変更

以下のCSSをダッシュボードの［外観］⇒［カスタマイズ］⇒［追加CSS］ もしくは子テーマのstyle.cssに貼り付けることで、モバイルメニューのフォントサイズや余白を変更できます。

.mobile-nav li a {
    font-size: 12px; /* フォントサイズ */
    padding: 4px 8px; /* 上下 左右の余白の大きさ*/
}

「movile-nav」ではなく「mobile-nav」ですね。
よろしくお願いします。

すみません、こちらに書く際にスペルを間違っていました；
.mobile-nav li a と書いても反映されないのです・・・
!importantをつけてみたり、プラグインを全て停止してみたり等も試したのですが；
あと心当たりがあるとすればPORIPUを使っている事ぐらいかなと思いますので、そちらでも質問してみます。

それでは次のようにしても効かないでしょうか？

.header .mobile-nav li a {
  color: #色コード;
}

効かない場合、ブラウザのキャッシュが残っている、文法が間違っている（全角のスペースや記号が入っている）などの原因が考えられます。
それでも解決しないようであれば、ページのURLを教えていただければ確認します。
よろしくお願いします。

ありがとうございます！
できました！
何度もご丁寧な返信ありがとうございました。