Делаем адаптивное меню для сайта

[@kerusdc8322]

спасибо! одноуровневых менюшек оч много на ютубе а многоуровневых + адаптив в мобайл версию прям не хватало 👍

[@maxgraph]

Рад помочь))

[@Александр-й6ш2ф]

Давно искал реализацию такого многоуровневого адаптивного меню и НАШЁЛ!) Мужик однозначно жму 🤝, продолжай дальше пилить такой годный контент👍

[@maxgraph]

Спасибо))

[@world_of_facts_shorts]

То что надо! Отличный и просто и информативно и понятно

[@maxgraph]

👍

[@tovjukov]

Спасибо за урок, ждем продолжений.

[@juliasergeeva1513]

Максим, Вы святой человек))

[@maxgraph]

Спасибо))

[@АнастасияТитова-в1ю]

Как всегда - мега полезно и супер понятно) спасибо за видео👍

[@maxgraph]

Спасибо)

[@alexeyponomarev3241]

Очень круто! Спасибо!

[@РусРус-и9п]

Спасибо огромное!!! то что я и просил ))

[@6ev]

слишком круто!

[@maxgraph]

спасибо)

[@PychevAnatoliy]

Благодарю, очень познавательно. Просьба увеличивать размер шрифта в редакторе.

[@Alexus1504]

Супер!

[@maxgraph]

Спасибо)

[@summersbyy]

Классное меню!) Но еще было бы здорово показать, как реализовать саму навигацию по якорям, иначе ну реализовали мы это меню, ну прилепили к ссылкам и разделам соответствующие ID, потом заходим в меню, жмем на нужный пункт и перехода не происходит, надо что мудрить или перелопачивать stackoverflow. И так во всех видео на ютубе про верстку мобильных меню

[@maxgraph]

Тут задумка именно про разные страницы, поэтому якорь не показывал Но вообще да, сделаю =)

[@summersbyy]

@@maxgraph Ааа, тогда хорошо)

[@Krivoruchko]

Пушка.

[@maxgraph]

Спасибо)

[@jslover3687]

Ошибочка на 15:00. У первого айтема не исчез левый паддинг, потому что first-child в этом родительском блоке является ссылка "назад". P. S. Блин супер приятно увидеть этот способ показа выпадающего меню через visibility и opacity, когда раньше делал это через display: none/block. Не можем повесить transition на дисплей, из-за чего получается резко, а тут красота, спасибо)

[@maxgraph]

Пожалуйста) Да, ошибки бывают))

[@Uncaught_in_promise]

ТОП контент. Еще и с подменю. А не будет интеграции в WP?

[@maxgraph]

Не знаю даже, можно попробовать)

[@AleksandrNeo]

@@maxgraph Было бы круто))

[@Uncaught_in_promise]

А будет когда-то адаптивное МЕГА меню? Толковых видео нет в ЮТ на эту тему

[@maxgraph]

А это что, если не оно?)

[@Uncaught_in_promise]

А как добавить еще один уровень вложенности?

[@enfllome8830]

Здравствуйте! Подскажите, а как можно наследовать ховер, если навести курсор на подменю, чтобы цвет у элемента "Каталог" и "Xiaomi" выделялся?

[@maxgraph]

Здравствуйте, только через js

[@r.h._vid]

Вот бы ещё сделать так что бы работало и с третьим и последующим уровнями

[@ThePatosha]

А логотип не входит в навигацию? Нажимая на него, мы переходим на главную страницу.

[@maxgraph]

Это не всегда так, особенно на лендингах

[@SuperRAilya]

11:41 27:10 30:31 33:12 комментарий для себя

[@kerusdc8322]

на ширине экрана от 768 до 992px при наведении на Каталог, подменю улетело влево и все не помещается чтоб затронуть только этот пункт, добавил ему отдельный клас и поставил "right: -250px" .nav__list--dropdown.many-columns +media-breakpoint-down(md) right: -250px или есть другое решение?

[@maxgraph]

Да в принципе можно и так