Как изменить цвет иконок в шапке с помощью кнопки-гамбургера

Разработка
1

Всем привет,

Я пробовал, но код не работает.
И можно ли сделать углы всплывающего окна при наведении овальными?
Пожалуйста, помогите :heart:

2

Изменение цветов иконок в заголовке:

Компонент темы с закруглёнными углами — может подойти вам или хотя бы дать идеи в коде о том, как это реализовать:

3

Спасибо большое, @Lilly.
Можно ли изменить цвет при наведении? И как добавить код для border-radius при наведении?

4

@Lilly Я сделал! :slight_smile:

.d-header-icons a:hover {
background-color: #D93A00 !important;
color: white !important;
border-radius: 30px;
}

Но я не могу изменить кнопку поиска, кнопку меню и область аватара.
Как мне найти селекторы, подобные «.d-header-icons a:hover», для кнопки меню, поиска и аватара?

5

Я сделал, если нужно :slight_smile:

.d-header-icons {
    .header-dropdown-toggle, .custom-header-icon-link {
        .icon {
            border-radius: 4px;
            .d-icon {
                color: white;
            }
            &:hover, &:focus {
                background: #223237;
                .d-icon {
                    color: white;
                }
            }
        }
        &.active .icon .d-icon {
            color: white;
        }
    }
}