Как адаптировать эту навигацию?

Question

[OGuman]

Есть навигация проектов в макете. Как я могу ее адаптировать? Какие варианты?

Comments

[Ankhena]

1. Убрать в бургер целиком.
2. Убирать в бургер непомещающиеся пункты (гуглится).

[OGuman]

Ankhena, спасибо

[Антон Литвиненко]

Ankhena, я вот это второе гуглил-гуглил в свое время и адекватного варианта так и не нашел

[OGuman]

Антон Литвиненко, может быть сделать стрелки которые листали бы вправо/влево - аналогия второго?

[Антон Литвиненко]

OGuman, не, есть такие меню, где чем Уже экран тем больше пунктов прячется под три точки справа или под стрелочку.

Answer 1

[Иван]

1. Если элементы в линию не нужны, прятать в бургер на нужных @media
2. Если элементы нужны в линию, то либо мы максимально компонуем, убирая отступы, уменьшая шрифт, либо прячем элементы за максимальной шириной + overflow-x hidden . Тогда будет прокрутка, но элементы останутся в линию
3. Если хочется оставить в линию, при этом не хочется скролл видеть, то можно через js библиотеку-слайдер их сделать, но это если вложенности нет в меню. Иначе треш

Comments

[OGuman]

Спасибо вам, сделаю слайдер