スマホのメインメニュー表示

スマホサイズで表示を見ていたら
グローバルナビゲーションの背景を白っぽくしたことで
メインメニューの文字が読めなくなっていた。

何処を修正すればいいのか、しばらく考え続けて・・・
CSSに下記を追加した。ちょっと怪しいけど表示は変わった。

.menu-toggle {      (の中に)
font-size: 14px;       /* 追記:文字サイズ */
color: #959ad9;         /* 追記:文字色 */
}

.menu-toggle:before {
margin-right: 10px;     /* 追記:線と文字の間隔をあける */
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
color: #3f558e;       /* 追記:オンマウス時の色 */
}