Как логично правильно с адаптировать десктопную меню?
Построен на флексе, хочу просто понять, как его визуально отобразить нормально для человека, при разрешении меньше чем 1200 пикселей ширины, но до 500 пикселей, потому как в мобилке все скрывается и визуально уже другое меню.
Ну там как при размере планшете, нетбука и тп
Обычно прячут в «бургер». Можно пункт «Главная» убрать вообще — все кликают по логотипу, чтобы вернуться на домашнюю страницу. Это позволит получить больше места под пункты и скрывать их в «бургер» на разрешении меньше, чем с этим пунктом.
Дальше идут уже более экзотичные варианты: мелкий шрифт, гибрид «бургера» и пунктов (в бургер убирают только не умещающиеся пункты) или второй строчкой пускать пункты. Ну и так далее.
вообще правильнее тогда уж мобильный вид сохранить до 768рх, а с 768 уже задать вид для планшетов
Вам надо выставить в консоли разработчика в браузере 768 и уже самому смотреть как здесь лучше подогнать и уместить.
Если вы хотите чтобы все отображалось, можно кнопку загнать под номера телефонов и сделать ее поменьше
Возможно поместиться, а возможно и нет, все зависит -какие шрифты, какие размеры и тд
Ну тут самое простое решение, на мой взгляд, это сделать бургер. Логотип слева, справа бургер, внутри которого ссылки меню и под ними номера телефонов и кнопка
Простой
