Как использовать боковые виджеты в адаптивной версии сайта?

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

Как вы вообше решили этот вопрос? Вид среди боковых виджетов есть важные на пример как "Лента активности", "Аватар пользователя" которых нужно показать пользователю.

И как нам поступать?
1. Использовать Ajax что бы подгружать нужных виджетов. (Вопрос: Можно ли подгружать с помощью Ajax целый баковой столбец?)
2. Использовать 2 шаблона. Второй для мобильников и для планшетов, в котором будем добавлять нужные виджеты в средний столбец.
3. Сделать так что бы все баковые виджеты автоматически показывались на центральном столбце как обычно и делают в адаптивной версии.
4. Ваш вариант.

Всем спасибо

Вариант 3.

На мобильнике всё должно быть на виду без лишних выплывающих деталей. ИМХО.

Вариант 3 для пользователей удобнее — не нужно угадывать, что нажать, чтобы появилась дополнительная информация. Но при большом количестве виджетов получится очень длинная лента. Может быть в мобильной версии есть смысл показывать только самые важные виджеты под контентом, а менее важные скрывать.

4
Скрывать не столь важные виджеты под кат.
т.е. Отображать только заголовок виджета(и если нужно краткое описание), развёртывать тело виджета при клике на заголовок.

4. Скрывать не столь важные виджеты под кат.

Хороший вариант. Мне нравится.

4. Ваш вариант.

Не столь важные виджеты вообще не должны занимать мобильный трафик. Их вообще не надо грузить на мобильный экран, разве что по аяксу при клике. Также всевозможные слайдеры не нужны в мобильной версии, либо картинки в них должны быть меньшего размера, чем для десктопного варианта (должны мало "весить", а не просто сжиматься средствами css). Это можно сделать в 2.5.1 либо разными шаблонами со своими наборами виджетов (что на мой взгляд будет правильнее и удобнее), либо в одном шаблоне, но с учётом типа девайса.

это можно сделать в 2.5.1..

Это в том, случае если определять устройство перед загрузкой страницы. Но не подойдёт если нужно учитывать адаптивность при простой смене разрешения экрана. Поэтому, наверное лучше оптимизировать через media. Или я что-то не знаю?