Как дополнять меню сайта новыми элементами при адаптивном сайте?

Question

[Alex Clear]

Есть такое вот меню в тренировочном макете:

1. Телефон



2. Планшеты



Я хочу узнать, как оптимально реализовать такое дополнение? У меня есть вариант - при мобильном разрешении прятать часть элементов с помощью css манипуляций, а при планшетном раскрывать их. Но вот я думаю, а будет ли это хорошо с точки зрения семантики, да и вообще, чувствуется, что моя идея - плохая.

Comments

[Арсений Матыцин]

Мега-меню вышли из моды, я так погляжу)

Answer 1

[Родион Мещеряков]

При мобильном разрешении прятать часть элементов с помощью css манипуляций, а при планшетном раскрывать их

П.С. Непонятно, почему пункты 'New' и 'Sale' меняются местами. Я бы сделал идентично на обоих экранах и скрывал бы только последние несколько элементов.
А еще непонятно почему на мобильном нельзя войти в личный кабинет, но это уже к дизайну вопросы :)

Answer 2

[Alfieros]

Зачем скрывать, если можно через медиа-запрос повесить блоку свойство overflow-y: overlay
И спокойно оставить все элементы на странице. Я считаю это неплохим решением, главное чтобы визуально это было понятно.