0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 603 Просмотров
*

FitMe

  • Давно я тут
  • 305
  • 9
Может кто то сталкивался с данной задачей?!

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

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

Филипп Сорокин

  • Практически профи
  • 1816
  • 138
А?
Ставь лайк, если согласен, и делай репост!

  => мои публикации
    => мои работы
      => спектр моих услуг
*

AlekVolsk

  • Профи
  • 6312
  • 336
По умолчанию вариант в данный момент оставил это hidden модулей, и дубль архиважных в off-canvas.
это и и есть решение на CSS, а на js в документ.рейди можно отлавливать ширину экрана и перемещать контент из лефт в офканвас, именно перемещать, не допуская дубляжа контента и тем самым сохраняя малый вес страницы
*

Филипп Сорокин

  • Практически профи
  • 1816
  • 138
АлекВолск, по-моему, телепат. Я теперь его опасаюсь.
Ставь лайк, если согласен, и делай репост!

  => мои публикации
    => мои работы
      => спектр моих услуг
*

AlekVolsk

  • Профи
  • 6312
  • 336
АлекВолск, по-моему, телепат. Я теперь его опасаюсь.
посмотри в мои черные глаза! они всё и всех видят! )))))
и в русском написании моего ника мягкий знак после второй "л"
*

FitMe

  • Давно я тут
  • 305
  • 9
js в документ.рейди можно... именно перемещать, не допуская дубляжа контента и тем самым сохраняя малый вес страницы
Вот именно так вот и хотел... думаю ща почитаю подробней где то об этом.
спс
*

fsv

  • Практически профи
  • 2525
  • 367
Но есть ли иное решение по средством CSS или js?!
Есть, без перемещений. Только на CSS (flex, медиа-запросы), js - только для смены класса при клике.
Структура сверху вниз: navbar с левыми модулями категорий, ниже - main. На широких - навбар слева, на средних и малых - сверху в свернутом состоянии.
Заказать разработку:    расширения Joomla  |   интерфейсы на javascript(jQuery)  |  мобильные приложения
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не закрывается меню в мобильном варианте (Bootstrap 3.1)

Автор Davidich

Ответов: 2
Просмотров: 4129
Последний ответ 23.09.2014, 19:53:48
от zeus07