Как изменить фон полосок меню в мобильной версии?

Question

[Андрей Филимонов]

Здравствуйте, подскажите, будьте добры, как изменить фон крестика раскрытого меню?

При экране, меньше 659 px. Пытаюсь сделать крестик чёрного цвета с белым/прозрачным фоном. Но и закрытое меню должно выглядеть в виде 3 чёрных полосок с белым фоном, как здесь
вот pen

Answer 1

[Сергей Жубартович]

@media only screen and (max-width: 659px)
  #menu-icon,
  #menu-icon:active {
    background: transparent;
  }

  #menu-icon span,
  #menu-icon:active span {
    border: 2px solid #000;
  }

}

Comments

[Андрей Филимонов]

Спасибо, помогло)
Как знать такие вещи? Как научиться самому такие проблемы решать?

[Сергей Жубартович]

Андрей Филимонов: научиться использовать средства для разработчика в браузере )

[Андрей Филимонов]

Сергей Жубартович: вроде codepen?

[Сергей Жубартович]

Андрей Филимонов: f12 в хроме (в фаерфокс, по-моему, тоже)

[Андрей Филимонов]

Сергей Жубартович: ладно, благодарю)