Адаптация древовидного меню для мобильных устройств. Как лучше?

Вариантов расположения несколько, сайдбар с древовидным меню переносится вверх над контентом и:

1. Оставить всё как есть. Минусы: долгая прокрутка до контента. Плюсы: сохранена наглядная структура вложенности.

2. В случае с двухуровневым меню, пункты второго уровня можно отображать в строку. Минусы: ограничение двумя уровнями. Плюсы: наглядность сохранена, места занимает меньше.

3. Скрывать меню и отображать select. Минусы: может быть не всеми понят такой элемент навигации. Плюсы: больше уровней вложенности, минимум места и максимум наглядности.

Использую второй вариант, но не хочется ограничиваться двумя уровнями вложенности. Склоняюсь к третьему. Наверняка есть ещё варианты?