Как логично правильно с адаптировать десктопную меню?

Question

[Froskyta_1]

Построен на флексе, хочу просто понять, как его визуально отобразить нормально для человека, при разрешении меньше чем 1200 пикселей ширины, но до 500 пикселей, потому как в мобилке все скрывается и визуально уже другое меню.
Ну там как при размере планшете, нетбука и тп

Comments

[Rustam Bainazarov]

десктопную меню

Обычно прячут в «бургер». Можно пункт «Главная» убрать вообще — все кликают по логотипу, чтобы вернуться на домашнюю страницу. Это позволит получить больше места под пункты и скрывать их в «бургер» на разрешении меньше, чем с этим пунктом.

Дальше идут уже более экзотичные варианты: мелкий шрифт, гибрид «бургера» и пунктов (в бургер убирают только не умещающиеся пункты) или второй строчкой пускать пункты. Ну и так далее.

[ma4t]

вообще правильнее тогда уж мобильный вид сохранить до 768рх, а с 768 уже задать вид для планшетов
Вам надо выставить в консоли разработчика в браузере 768 и уже самому смотреть как здесь лучше подогнать и уместить.
Если вы хотите чтобы все отображалось, можно кнопку загнать под номера телефонов и сделать ее поменьше
Возможно поместиться, а возможно и нет, все зависит -какие шрифты, какие размеры и тд

Answer 1

[Шохрух Шаймардонов]

Ну тут самое простое решение, на мой взгляд, это сделать бургер. Логотип слева, справа бургер, внутри которого ссылки меню и под ними номера телефонов и кнопка

Comments

[Andrey Suha]

Тоже так думаю, но видимо ему это не подходит))