@lestato9

Как сделать выпадающее меню, второй уровень которого стоит не рядом с первым?

Нужно сделать выпадающее меню, второй уровень которого с помощью position: absolute расположен не рядом с первым, и между ними появляется пустое пространство. И когда в него попадаешь мышкой, второй уровень меню получает display: none так как перестает действовать hover на элемент первого уровня. Как делают такие меню?

Вот код, тоннель browsersync вроде как работает, по крайней мере у меня. В противном случае напишите, я выложу в другом месте.

https://xeuqwlycql.localtunnel.me/
  • Вопрос задан
  • 199 просмотров
Пригласить эксперта
Ответы на вопрос 1
alvvi
@alvvi
export default apathy;
а) Изменить лэйаут так, чтобы пустого места не было, убрать паддинг у хедера, дать его элементам.
б) Хак с ::before и position: absolute.
в) Отказаться от этого безобразия, поскольку такие меню по ховеру - зло, клик лучше.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы