Как адаптировать горизонатльное и вертикальное меню под мобилки?

Question

[nevatas]

Здравствуйте дорогие, тут встала задача адаптировать под мобилки довольно-таки загруженный сайт. В чем суть: на сайте есть два меню, одно горизонтальное (статичное) в котором располагается 7 ссылок, другое - вертикальное (динамичное, меняется от странице к странице). Если горизонтальное меню можно скрыть за бургер-баттон, то что делать с вертикальным - не понятно. Оставить его само по себе плохой вариант, так-как на некоторых страницах в нем очень много ссылок, и пользователю будет не удобно перелистывать километровую менюшку чтобы добраться до контента.
Есть ли какие-нибудь кейсы, где эта проблема решена?

Скриншот:
П.С.: Это скриншот нынешнего оформления, сейчас сайт на редизайне, но в принципе вся конструкция осталась неизменной.

Comments

[Андрей Хохлов]

Скриншот покажите чтоли

[nevatas]

Андрей Хохлов: Прикрепил, спасибо!

Answer 1

[Андрей Хохлов]

Говорю по опыту вёрстки адаптивных сайтов.

Общее меню конечно просится в бургер. Выезжающее сбоку (со сдвигом контента или поверх), выпадающее вниз.

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

Расположить до контента - только если сделав раскрывающимся/выезжающим. Посмотрите на фильтры в интернет-магазинах адаптивных, типо dns-shop.ru
На мой взгляд это наиболее оптимальное решение.

Прятать его на мобилках вообще - самый плохой вариант.

Answer 2

[Xtray]

Возможно, начать стоит с переосмысления полезности текущих пунктов меню.
Насколько актуальны разделы с информацией за прошедшие сезоны и прошлый век? Какие разделы наиболее полезные и интересны посетителям, куда и как часто они заходят (тут поможет Метрика или Аналитика)?
По опыту знаю, иногда, путем перепроектирования, можно безболезненно отказаться от боковых менюшек вовсе. Сайт становится проще, посетителям становится легче, при этом вся информация по прежнему доступна в полном объеме.