Как скрывать ссылки в хедер по очереди?

Всем привет. У меня есть хедер, в котором по левой части находятся ссылки. Я планирую на телефоне скрыть их всех в гамбургер.
Но проблема в том что клиент может добавить неограниченное количество ссылок в хедер и делать гамбургер при ширине в 1800px не очень хочется
И чтобы не скрывать все ссылки сразу, я хочу, чтобы при адаптации появилась кнопка "Others" (так как изображено на скриншоте) и при уменьшении ширины экрана, туда прятались по очереди ссылки.
610928deb308c296869361.jpeg

Подскажите, пожалуйста, как это сделать.
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ответы на вопрос 2
@Dragonzcxv
Здравствуйте! Иметь в подпунктах others все пункты изначально, и как только вы убираете из шапки пункт, вы включаете его в подпунктах. Грубо говоря на 1280 у вас 4 пункта в шапке(включая others), на 950 станет 3 пункта, 4-й пункт скрываем, а его дубль в others наоборот показываем
Ответ написан
Комментировать
kryamk
@kryamk
Вот тут вроде рабочие решения
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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