Имеется трех-колоночная верстка страницы. В первой колонке выводится меню. При изменении разрешения первая колонка скрывается. Захотелось добавить offcanvas меню на маленьких экранах. Выезжает, работает. Но мне не понятно, как бы это сделать одним блоком? В данный момент у меня есть блок меню в колонке 1 и такой-же по содержанию блок меню в канвасе:)
Возможно ли как-то имея один блок кода с пунктами меню использовать его и в колоночной версте и в canvas?
Для тестов рассмотрел вариант двух колоночной верстки со смещением 1 колонки на 2. Меню в блоке canvas первоначально делаю видимым и по ширине равным как раз в первые 2 колонки. Зрительно выглядит хорошо, но ручной ресайз на экране не нравится: колонки меняют ширину, а менюшка, естественно нет. Пустые места видны. Медиазапросы, конечно, отрабатывают и можно меню прятать, а колонки раздвигать, но вот ручной ресайз все портит:)
Средний
