Изменение цвета наведения ссылки на навигационной панели в небольших окнах просмотра (под гамбургером) - PullRequest
Новая
       122

Изменение цвета наведения ссылки на навигационной панели в небольших окнах просмотра (под гамбургером)

0 голосов
/ 07 мая 2020

Я пытаюсь настроить навигационную панель, используя Bootstrap 4.2.1. Мне удалось настроить все , кроме , цвет текста ссылки HOVER , который появляется в гамбургер-меню (в небольшом окне просмотра). В более широком окне просмотра CSS ниже позволяет указать цвет наведения ссылки. Что мне не хватает для того, чтобы изменить текст ссылки при наведении курсора в небольшом окне просмотра? 

.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover, 
.navbar-custom .dropdown-item:focus {
        color: #000; }

1 Ответ

1 голос
/ 07 мая 2020

Используйте @media синтаксис запроса: 

@media screen and (max-width: 600px) {
    .navbar-custom .nav-item:focus .nav-link,
    .navbar-custom .dropdown-item:hover, 
    .navbar-custom .dropdown-item:focus {
            color: #000; }
}

Подробнее см. MDN

...