twentyfourteenのiphpne,ipadでのメインメニューの背景色

twentyfourteenをテーマとして利用しており、メインメニュー等文字色や背景色をCSSを利用して変更しています。

ただ、メインメニューをPCで見た場合背景色の変更がされているのに、iphoneやipadで見ると背景色は黒のままになっています（文字色は変わっています）

下記がサイトのURLで
http://npo-greengrass.org/

下記がiphoneで見た場合のメインメニューです。
https://docs.google.com/presentation/d/1NCdYh7uE-kR-K-0gnzUlBP5It0MEilBVDDj29xH7iVQ/edit?usp=sharing

ちなみに文字や背景色を記載したCSSのHTML部分は以下です。

—-
/* 背景色の変更 */

#page:before{
background:#faf0e6;
}

.site-footer{
background:#faf0e6;
}

.site-header{
background:#faf0e6;
}

.header-main{
background:#faf0e6;
}

.site-content{
background:#faf0e6;
}

/* featured-contentの背景色の変更 */

.featured-content,
.featured-content .entry-header,
.slider-direction-nav a {
background-color: #faf0e6;
}

.grid .featured-content .entry-header {
border-color: #faf0e6;
}

/* 文字色の変更 */

.entry-header a{
color:#440000;
font-family: ‘Arial’, cursive;
font-size:14px;
}

.header-main a{

color:#440000;
font-family: ‘Arial’, cursive;
font-size:14px;
}

.primary-sidebar a{

color:#440000;
font-family: ‘Arial’, cursive;
font-size:14px;
}

.secondary-navigation a{
color:#440000;
font-family: ‘Arial’, cursive;
font-size:14px;
}

/* ウイジットの文字色の変更 */

.widget a {
color: #440000;
}

.widget a:hover {
color: #440000;
}

.widget-title,
.widget-title a {
color: #440000;
}

.widget-title a:hover {
color: #440000;
}
—-

どうすれば、iphoneやipadでのメインメニューの背景色をPCと同様の色に変更できるか、お分かりになるかたがいらっしゃれば、アドバイスのほどよろしくお願いいたします！

==

[モデレータより]
「【重要】お読みください」フォーラムに投稿されていましたので、フォーラムを移動しました。
「【重要】お読みください」は、WordPress 日本語サイト運営チームから、みなさんへの連絡等に使用していますので、質問があっても回答がつかない場合があります。

通常の質問は個別のフォーラムへ投稿してください。