ドロップダウンメニューの背景色を変更する - モバイル

Question

このURLの場合は、私には最も奇妙な問題があります。モバイル上のドロップダウンメニューの背景色は、（上部のヘッダー領域のように）濃い青色であるはずです。しかし何らかの未知の理由のために、それは今や白い（白いフォントで）。

このIDから＃full-width-headerという色（＃00203e）が取られています。しかし何らかの理由で、そうではありません。 https://www.losangeleslegalcenter.net/ - それは、モバイルドロップダウンでこのように見えるように使用

CSS

#full-width-header { 
    background: #00203e none repeat scroll 0 0; 
    border-bottom: 0px solid #c0c0c0; 
    padding: 15px 0; 
    position: fixed; 
    width: 100%; 
    z-index: 9999; 
} 

。

CSS：

@media (max-width: 1100px) 
.menu { 
width: 100%; 
border-width: 1px 0 0 0; 
lear: both; 
} 

はHTML：今、あなたのドロップダウンが、それは自身の要素だがないため

<ul id="menu-main-menu" class="menu show_menu"><li id="menu-item-15631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15631"><a href="https://www.losangelesinjurycenter.net/about/">About</a></li> 
<li id="menu-item-15628" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-15628"><a href="#">Categories</a> 
<ul class="sub-menu"> 
    <li id="menu-item-15691" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15691"><a href="https://www.losangelesinjurycenter.net/category/personal-injury/">Personal Injury</a></li> 
</ul> 
</li> 
<li id="menu-item-15633" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15633"><a href="https://www.losangelesinjurycenter.net/contact-us/">Contact Us</a></li> 
</ul> 

Answer 1

、それは（実際にbodyの一部だここで私はbody要素に赤background-colorを追加しましたデモ用）：

要素の

1. 利用変化background-color（しかし、あなたが見ることができるように、それは記事があまりにも赤で、他のスタイルに影響を与えます、そして、それは良い方法のように見えるしていません：

   2通りの方法があります）。

2. ドロップダウンを再作成し、記事やその他の要素に影響を与えずにスタイルを設定できるHTML要素で囲みます。