При мобильном виде все с side-left в off-canvas - Joomla 3.x: Разработка шаблонов

Может кто то сталкивался с данной задачей?!

Самописный шаблон на BS 3. Есть три колонки left - content - right.
Есть так же позиция для мобильного меню off-canvas.
Так как это магазин, то на десктопах нужна позиция left для удобства пользователя (выбор категории и прочее, привычней так), но при мобильном виде в таком случае content уходит на второй план, а если в left несколько модулей, то выходит как то не очень.

По умолчанию вариант в данный момент оставил это hidden модулей, и дубль архиважных в off-canvas.
Но есть ли иное решение по средством CSS или js?!

А?

По умолчанию вариант в данный момент оставил это hidden модулей, и дубль архиважных в off-canvas.

это и и есть решение на CSS, а на js в документ.рейди можно отлавливать ширину экрана и перемещать контент из лефт в офканвас, именно перемещать, не допуская дубляжа контента и тем самым сохраняя малый вес страницы

АлекВолск, по-моему, телепат. Я теперь его опасаюсь.

АлекВолск, по-моему, телепат. Я теперь его опасаюсь.

посмотри в мои черные глаза! они всё и всех видят! )))))
и в русском написании моего ника мягкий знак после второй "л"

js в документ.рейди можно... именно перемещать, не допуская дубляжа контента и тем самым сохраняя малый вес страницы

Вот именно так вот и хотел... думаю ща почитаю подробней где то об этом.
спс

Но есть ли иное решение по средством CSS или js?!

Есть, без перемещений. Только на CSS (flex, медиа-запросы), js - только для смены класса при клике.
Структура сверху вниз: navbar с левыми модулями категорий, ниже - main. На широких - навбар слева, на средних и малых - сверху в свернутом состоянии.