чтобы они прятались под бургер меню?
css overflow:hidden;
Только те которые не влезают?
А в бургер меню они как появятся таким способом?
бургер появляется при ширине окна менее скольки-то пикселей? Для такого разрешения overflow:visible
Наверно самый действенный это замерить длинну всех элементов и сравнить с длинной контейнера
Посмотри на какой ширине они не влезают, сделай медиа запрос и преврати это в бургер, если это не динамическая шапка которая постоянно меняет контект внутри себя Тебе же по идее известные все размеры заранее, если так то media query в помщь
Поменялось хоть немного что-то в хедере = переделывать всё
Ну такова участь css чуть переверстаешь блок придется менять еще что-то скорее всего
Так зачем тогда советовать?
Потому, что это тоже вариант, помоему он подходит С такой логикой поменяется что-то в теле сайта придется переписывать Мы же не будем писать весь адаптив на JS ради того что б не переписывать лишний раз
Не для всех адаптипов нужна логика в js, есть те которые не выразить с помощью css. Не подходит и я объяснил выше почему
Можешь использовать IntersectionObserver. Понимать в нужных ли оно пределах и есть ли на экране. Если нет то суешь в бургер
В этом случае resize если что
Обсуждают сегодня