dydikson
@dydikson
Выношу свой мозг всякой вполне очевидной фигней

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

Здравствуйте друзья, так как я начинающий веб разработчик (ну хотя о разработчике громко сказано) я столкнулся с следующей проблемой. На сайте в с левой стороны находится сайдбар [col-lg-4] (а с правой основной контент [col-lg-8]), когда пользователь переходит на страницу личного кабинете с мобильного телефона ему необходимо перелистать в низ до тех пор пока не окончится сайд бар, а уже за тем появится содержимое страницы. Что является крайне не удобно для будущих пользователей сайта.
Каким образом можно поменять сайд бар и основной контент местами при разрешении менее 700px?
  • Вопрос задан
  • 202 просмотра
Пригласить эксперта
Ответы на вопрос 3
@aarty20
Front-end / Wordpress developer
все очень просто :)

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

успехов)
Ответ написан
Комментировать
@devstudent
frontend-developer
Можно и так
@media all and (max-width:700px){
col-lg-4, col-lg-8 {
float:right;
}
}

А вообще похоже на бутстраповскую сетку поэтому должны быть классы которые вписать нужно в разметку чтобы менялись колонки местами
Ответ написан
dydikson
@dydikson Автор вопроса
Выношу свой мозг всякой вполне очевидной фигней
Прошу прощение что не указал тестовую версию сайта сразу, исправляюсь: testkomok-lawsumdutest.rhcloud.com

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы