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

Question

[Анастасия]

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


Подскажите, пожалуйста, как это сделать.

Comments

[aloky]

а не проще скроллить?

Answer 1

[Dragonzcxv]

Здравствуйте! Иметь в подпунктах others все пункты изначально, и как только вы убираете из шапки пункт, вы включаете его в подпунктах. Грубо говоря на 1280 у вас 4 пункта в шапке(включая others), на 950 станет 3 пункта, 4-й пункт скрываем, а его дубль в others наоборот показываем

Answer 2

[kryamk]

Вот тут вроде рабочие решения