Адаптация древовидного меню для мобильных устройств. Как лучше?
Вариантов расположения несколько, сайдбар с древовидным меню переносится вверх над контентом и:
1. Оставить всё как есть. Минусы: долгая прокрутка до контента. Плюсы: сохранена наглядная структура вложенности.
2. В случае с двухуровневым меню, пункты второго уровня можно отображать в строку. Минусы: ограничение двумя уровнями. Плюсы: наглядность сохранена, места занимает меньше.
3. Скрывать меню и отображать select. Минусы: может быть не всеми понят такой элемент навигации. Плюсы: больше уровней вложенности, минимум места и максимум наглядности.
Использую второй вариант, но не хочется ограничиваться двумя уровнями вложенности. Склоняюсь к третьему. Наверняка есть ещё варианты?