Свернуто изменение цвета фона панели навигации

Question

На этом сайте

свернута навигационная панель

Цвет фона вкладок white, и я хочу изменить его. Я попробовал этот код в CSS:

@media (max-width: 767px) {
  .nav-collapse
    {
        background-color: red;
    }
}

И это вроде работает, добавляет красные линии под каждой вкладкой, но не меняет цвет фона.
Вы можете увидеть, что он делает, если вы посетите сайт на мобильном телефоне и нажмете на панель навигации, чтобы свернуть его.

Я пытаюсь изменить это только для МОБИЛЬНЫХ.

Я уверен, что есть простое решение, но я не могу понять это.
Может кто-нибудь помочь?

Answer 1

По сути, в вашем html есть встроенный стиль, либо удалите его, либо измените там цвет, либо, если вы хотите, чтобы это изменилось через css, используйте следующий код:

.nav-collapse ul li { backgroud-color: red !important; }

Встроенный стиль Refrence Image

Answer 2

это потому, что ваш серый фон установлен на якорях, а не на NAV само по себе

, если вы сделаете это:

.header ul.nav li a { 
  background: red;
}

это будет работать ..

Я только что проверил еще раз, и у вас есть фон, добавленный к 3 элементам, у вас есть красный на внешней оболочке, у вас есть белый, добавленный к элементу списка и серый на ваших якорях