Как адаптировать левый sidebar под мобильные устройства?

Question

[Сергей Кабашов]

Привет друзья.
Тут вопрос великий.
Как адаптировать левый сайдбар под мобильные?
Да и собственно как его сделать по человечески?
К слову, есть например у меня битрикс.
Ну и соответственно есть header workarea и footer. По стандартам шаблона так сказать.
В идеале и по правилам, я должен левый сайдбар засунуть в header.
Вроде того поднакидал:
codepen.io/WebSiberia/pen/YWrRRk
Так вот, внимание вопрос, как мне сделать все по-человечески и чтобы на телефоне выглядело красиво.
Или хотя-бы пошлите меня в сторону правильной литературы или урока.
Хочется чтобы выглядило все правильно.
И научиться нормально верстать такие вещи.
Заранее спасибо за советы и помощь.

Answer 1

[Станислав Харахнин]

В вашем случае битрикс не причем. Это платформа. На верстку проекта это не оказывает никакого влияния.
Вижу что верстка в примере на bootstrap. Стили отображения блоков отисывайте в css
На bootstrap положение блоков можно выставить преднастроенными стилями getbootstrap.com/css/#grid-column-ordering