Как исправить данный баг с навигационной панелью?

Question

[Alexey]

Сделал верхнию nav панель по туториалу, но у меня вышло по другому, так и не смог разобраться почему, и что я сделал не так. При полном экране когда я навожу на панель открывается drop панель (Которая по сути должна открываться только на мобильных и таблет устройствах)
Загрузил видео на яндекс чтобы было более понятно что за проблема - https://disk.yandex.ru/i/If0M_53dg0LZ5A
Что я прописал или не дописал, что у меня такой баг?

Comments

[Froggyweb]

код в видео - это новая ступень.
а что не так. может так и задумано. посмотри туториал... может на 3:45 неправильно скопировал?

[Froggyweb]

Alexey, это тайминг наугад, где ты что-то сделал не так из урока.
что бы получить ответ нужно выложить проблему со связанным кодом например на codepen.io и описать что не получается

[Alexey]

Froggyweb, твой ответ бесполезный, лучше бы скинул решение

[Froggyweb]

бесполезно показывать меню при ховере на touch устройствах.

Answer 1

[modelair]

потому что вы показываете .nav-list с помощью.drop:hover, поэтому оно и открывается
перенесите drop:hover в @media

Comments

[Alexey]

Спасибо за быстрый ответ!

[Alexey]

А можешь подсказать еще, как сделать чтобы nav list отображался слева где кнопка home?

[modelair]

Alexey, убери space-between

[Alexey]

modelair, мне надо чтобы бургер кнопка справо была

[Alexey]

modelair, когда я сужаю браузер

[Alexey]

modelair, я когда убирал space-between, кнопка бургер при сужении браузера была слева

[modelair]

тогда не удаляй правило со space-between, а также перенеси в @media

[Alexey]

modelair, Все спасибо большое, я догнал как это работает, чувак в видео походу сам ошибся