Задать вопрос
angryblacker
@angryblacker
html

Как исправить баг с адаптивным меню?

https://codepen.io/mutedblues/pen/MmPNPG
Есть такой код, но проблема его в том, что он имеет фиксированную высоту и если добавить пункт меню, то он будет скрываться и нужно будет опять указывать высоту блока. Как это можно исправить?
  • Вопрос задан
  • 87 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
JackWilliams
@JackWilliams
Ставьте большой max-height max-height: 2000px;, чтобы хватило на бОльшее кол-во пунктов меню. Или сделать max-height + прокрутка
Ответ написан
Комментировать
Комментировать
JRK_DV
@JRK_DV
Рецепты https://codepen.io/jrkdv/full/LKLXdq
почему бы не сделать прокрутку у этой менюшки?
.header .menu-btn:checked ~ .menu {
  max-height: calc(100vh - 58px);
  overflow: auto;
}

ps. если я правильно подумал про мобильную версию ...
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
firedragon
@firedragon
Не джун-мидл-сеньор, а трус-балбес-бывалый.
Может сделать проще? 20К кода на css, вроде немного.
https://bulma.io/documentation/components/navbar/#...
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать небольшой веб-сервис
16 апр. 2024, в 23:47
20000 руб./за проект
Установить Windows на Dedicated Server
16 апр. 2024, в 22:49
2500 руб./за проект
YOLO для распознания количества человек в очереди на кассу по видео ряду
16 апр. 2024, в 22:48
5000 руб./за проект
Ещё заказы