Как в этом CodePen изменить цвет мобильного гамбургерного меню?

Question

[oe24y]

Вот в этом CodePen когда сужаешь окно до появления иконки гамбургера,
то всплывающее мобильное сайд-меню имеет черный цвет.
И никак не получается изменить на зеленый, например.
Подскажите, знающие, пожалуйста.

Answer 1

[0xD34F]

Цвет задаётся дважды, в ul.main-nav и .ic.menu:focus ~ .main-nav. Один типа дефолтный, другой для открытого состояния - в процессе открытия/закрытия цвет может меняться. Хотите, чтобы всегда был зелёный - задайте зелёный для обоих селекторов.

Comments

[oe24y]

0xD34F Большое спасибо! Хорошего вечера!