- Автор темы
- #1
Добрый вечер. Layout main body в теме состоит из двух колонок :
sp-left col-sm-3 col-sm-3
sp-component col-sm-9 col-md-9
Получается на мобильном экране сначала отображается блок sp-left. (на всю ширину, ниже идет второй блок)
Необходимо чтобы в мобильной версии отображался сначала sp-component
Решил поменять блоки местами в настройках темы:
sp-component col-sm-9 col-md-9
sp-left col-sm-3 col-sm-3
и добавить класс col-sm-push-3 для sp-component и col-sm-pull-9 для sp-left
Тогда все заработает (push pull сдвинут блоки чтобы слева был left справа component, а в мобильной версии вверху будет component за ним ниже sp-left), НО в tablet layout ограниченный список классов col-sm-1.2.3..., свой вписать нельзя. А если вписать свой класс (col-sm-push-3) в графу Custom CSS Class он применяется к дочернему div.
Подскажите какие есть варианты решения проблемы
![upload_2019-3-8_21-2-42.png upload_2019-3-8_21-2-42.png](https://nulled.cc/data/attachments/96/96405-0c54c9c522308bb26263eb6291382f4b.jpg)
![upload_2019-3-8_21-4-4.png upload_2019-3-8_21-4-4.png](https://nulled.cc/data/attachments/96/96406-50868bd3e7ea2c90167c181ae6209d45.jpg)
sp-left col-sm-3 col-sm-3
sp-component col-sm-9 col-md-9
Получается на мобильном экране сначала отображается блок sp-left. (на всю ширину, ниже идет второй блок)
Необходимо чтобы в мобильной версии отображался сначала sp-component
Решил поменять блоки местами в настройках темы:
sp-component col-sm-9 col-md-9
sp-left col-sm-3 col-sm-3
и добавить класс col-sm-push-3 для sp-component и col-sm-pull-9 для sp-left
Тогда все заработает (push pull сдвинут блоки чтобы слева был left справа component, а в мобильной версии вверху будет component за ним ниже sp-left), НО в tablet layout ограниченный список классов col-sm-1.2.3..., свой вписать нельзя. А если вписать свой класс (col-sm-push-3) в графу Custom CSS Class он применяется к дочернему div.
Подскажите какие есть варианты решения проблемы
![upload_2019-3-8_20-57-3.png upload_2019-3-8_20-57-3.png](https://nulled.cc/data/attachments/96/96403-95537bfa0719c24402738a92e090496b.jpg)
![upload_2019-3-8_21-2-42.png upload_2019-3-8_21-2-42.png](https://nulled.cc/data/attachments/96/96405-0c54c9c522308bb26263eb6291382f4b.jpg)
![upload_2019-3-8_21-4-4.png upload_2019-3-8_21-4-4.png](https://nulled.cc/data/attachments/96/96406-50868bd3e7ea2c90167c181ae6209d45.jpg)