在下拉菜單中更改背景顏色 - 移動

Question

對於此URL：https://www.losangelesinjurycenter.net/，我有最奇怪的問題。移動設備上的下拉菜單的背景顏色應該是深藍色的（如頂部標題區域）。但由於某種未知的原因，現在它變成了白色（帶有白色字體）。

它應該從這個ID採取顏色（＃00203e）：＃full-width-header。但由於某種原因，事實並非如此。

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; 
} 

它曾經是這樣的移動下拉 - https://www.losangeleslegalcenter.net/。

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的一部分（在這裏我加紅background-color到body元素示範）：

有2種方式：

1. 使用body元素的變化background-color（但會影響到其他的風格，你可以看到，該文章是紅過了，它似乎並不像一個好辦法）。

2. 重新創建您的下拉菜單，將其包裝在HTML元素中，您可以在不影響文章和其他元素的情況下進行樣式設置。