Правильное адаптивное меню бургер на HTML CSS и jQuery. Мобильное меню туториал // Как это сделать?

Покажу как сделать правильное адаптивное бургер меню на HTML CSS и jQuery.
Архив с результатом верстки доступен для подписчиков на патреоне:

👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!

🤟 Живи, а работай в свободное время! ©

[anastasiashpit]

Судя по комментариям других, у всех всё получилось, и притом довольно быстро. Лично я несколько часов потратила на то, чтобы сделать это меню и трижды (или даже четырежды) пересмотрела видео, чтобы понять, где допускаю ошибки.
Поэтому если у вас что-то не выходит, не опускайте руки. Вы не одиноки.)

[soulwind]

Спасибо тебе огромное, мне как начинающему верстальщику твои рассказы как глоток свежего воздуха.

[Hottabov]

Сажусь за верстку какого-нибудь проекта, открываю мини-уроки Жеки и делаю шикарную работу по нужным мне пунктам!
Спасибо, Жека! Этот урок на "ура" зашел вместе с соседним уроком про выпадающее многоуровневое меню + тачскрины!

[armancherkharov]

Для тех кто не знает как сделать, что бы меню закрывалось после нажатия, выкладываю код ниже:
{
$('.header__burger, .header__menu').removeClass('active');

[andreykuprin]

Честно признаться, сначала напряг говор рассказчика. Но по ходу ролика совсем забыл про все условности. Очень четкое и грамотное изложение материала без лишнего трепа. Парень, ты крут! Спасибо за такую качественную инфу!

[mikhail]

Беспрецедентный уровень годноты)! Спасибо!

[lenaplay]

Ваши ролики - это энциклопедия жизни верстальщика. Учитываются и объясняются самые мелкие моменты, которые трудно заметить, а, тем более, учесть новичку. Очень полезно, понятно, интересно!!!

[Mykhailo_Vdovychenko]

Это гениально! Настолько все просто, красиво, идеально! 10/10!
Спасибо, Вам, за такой чудесный урок! 👍👍👍

[svone_x]

Жека крут на все 100%. Чувство юмора, подача материала, монтаж видео, звуковое сопровождение, все на высоте. Смена кадров (Жека на велике, Жека за компом, вид с квадрика), суперская фишка. Каналы по теме обучающих роликов обычно скучны, но этот исключение. При такой подаче информации, намного легче учить (потому что интересно, информация подкреплена эмоциями), а то что запомнилось, хранится на более длительный срок. СПАСИБО ЗА УРОКИ)))

[KindCat]

Большое спасибо тебе и таким людям, которые нашли свое призвание и могут поделиться опытом, полезными фишками. Это не только вдохновляет, но и значительно облегчает путь на этом поприще!

[SergeLuncarOfficial]

Шикарный разжеванный и детальный контент.Всегда смотрю и просвещаюсь. Благодарю за ваш труд!

[sarfarozhakimov]

любое видео, которую всегда смотрю в конце всегда появляются вопросы.Но у тебя все четко и офигенно.Огромное Спасибо тебе!

[alexandr]

Здорово! Я редко жду новых видео на ютуб, но твои исключение)) Спасибо!

[mrbqmww]

Спасибо огромное за этот урок!) Сделала мое первое меню-бургер и оно работает!) В уроке учтены все мелочи, отступы и т.д. Подача отличная, все доходчиво. Не учеба, а кайф)

[vision]

Лучший урок по меню что я видел в своей жизни! Спасибо за образование!!! Если у кого то постоянные проблемы с меню, то этот урок для Вас! Все моменты раскрыты!

[gqmcecu]

Честно, лучшее что я нашла в интернете по адаптивной шапке! Всё от самого начала и до конца + очень понятно! Спасибо!

[vlfcpvc]

Величезне Вам Спасибі!!! Чудесний ВідеоУрок!!!
Удачі Вам та Всього Найкращого!!!

[boonson]

Фрилансер по жизни, ты красавчик! всё подробно объясняешь и порядок в коде. Спасибо!

[Duh]

Спасибо! Очень круто объясняешь! 3 раза пересмотрел, два из которых пытался к своему проекту пристроить, а третий уже твой сверстал, чтобы понять как все работает, чтобы потом зацепить. Здоровья тебе и благополучия!

[gzflcth]

Больше бы таких уроков. Прям сделано с душой.