Опубликовано: 10 августа 2016
Как расширить контейнер, содержащий боковую панель и панель содержимого?
Доброе время суток! Хотелось бы несколько расширить информационное поле, которое содержит боковую панель на всех страницах и основное информационное поле (в которое в разное время попадают главная страница, страница категории, страница товара, страница сайта, страница блога)?
При этом, возможно ли "поиграть" шириной отдельно боковой панели и основного содержимого в процентах?
Комментарии (1)
в пользовательских стилях пропишите правило
@media only screen and (min-width: 993px){ .container { max-width: 1500px; } }1500px можете изменить на необходимое
сайтбар так же можно изменить
в пользовательских стилях пропишите
@media only screen and (min-width: 993px){ .row-grid .sidebar.col-grid.l3 { width: 20%; } .row-grid .content.col-grid.l9 { width: 80%; } }20% и 80% можно пропорционально изменить
так же можно управлять включением данных правил изменяя условия медиа запроса увеличивая при необходимости 993px
1) Не сработало, менял max-width на различные значения - не помогло. Но помогло добавление width: 96% :
@media only screen and (min-width: 993px){
.container {
width: 96%;
max-width: 2000px;
}
}
2) Да, всё работает, при необходимости "поиграю", пока вроде и так нормально само резиново хорошо растягивает.
Спасибо за направление!