Как поменять < div'ы > местами в зависимости от страницы и размера экрана (WordPress)?

Question

[Сергей Dydaevskiy]

Здравствуйте друзья, так как я начинающий веб разработчик (ну хотя о разработчике громко сказано) я столкнулся с следующей проблемой. На сайте в с левой стороны находится сайдбар [col-lg-4] (а с правой основной контент [col-lg-8]), когда пользователь переходит на страницу личного кабинете с мобильного телефона ему необходимо перелистать в низ до тех пор пока не окончится сайд бар, а уже за тем появится содержимое страницы. Что является крайне не удобно для будущих пользователей сайта.
Каким образом можно поменять сайд бар и основной контент местами при разрешении менее 700px?

Answer 1

[aarty20]

все очень просто :)

если у вас в шаблоне страницы сначала выводится [col-lg-4], а потом [col-lg-8], то нужно их все го лишь поменять местами.
при тех же флоатах (4 - лефт, 8 - райт) - на десктопе все будет отображаться так же, а на мобильной версии уже сначала будет основной контент, а потом уже сайтбар.

успехов)

Answer 2

[devstudent]

Можно и так

@media all and (max-width:700px){
col-lg-4, col-lg-8 {
float:right;
}
}

А вообще похоже на бутстраповскую сетку поэтому должны быть классы которые вписать нужно в разметку чтобы менялись колонки местами

Comments

[Сергей Dydaevskiy]

Спасибо за ответ, это мне ясно было изначально. Как победить ситуацию именно на определенной странице?

[Сергей Dydaevskiy]

Прошу прощение то есть изначально эелементы выстроены по float:left;?

[devstudent]

dydikson: скорее всего ,посмотрите, я же откуда знаю ))

[devstudent]

dydikson: добавьте к имени класса столбца имя класса или айди этой страницы

Answer 3

[Сергей Dydaevskiy]

Прошу прощение что не указал тестовую версию сайта сразу, исправляюсь: testkomok-lawsumdutest.rhcloud.com

К сожалению вариант который предложил @devstudent не подходит, так как блокам, когда они выстроены в один ряд и друг за другом (когда отоброжение для моб. в соответствии сетке Bootstrap3) почему то все равно как выставлено значение float.
Вопрос все еще открыт, прошу помощи знатоков.