В общем ваш шаблон можно расширинь на ширину экрана(и шаблон останется адартивным то есть сменим ширину в итоге инчего не ломая в адаптивности) если желаете, вот вам решение.
Перейти в Таблицу стилей CSS:
1. Первое, что нам нужно сделать, это найти строку номер 30 и удалить фиксированную ширину, для шаблона
body > .container {
max-width: 960px;
min-height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 0 auto;
text-align: left;
padding: 0 0 60px;
width: inherit;
}
2. Второе, что нужно сделать, это увеличить ширину центральной части каркаса под контентом так как до изменений она была шириной в 697px, находим строку номер 242:
.content-wrap>section {
float: left;
width: 1100px;
background: #fff;
margin-bottom: 7px;
}
Теперь ширина у нас должна быть не менее 1100px
Выделенное красным удалить, а синее подправить. Сохраняем изменения и обновляем главную страницу.
3. В том случае если вы не хотите делать шаблон на ширину монитора, то погоняем все под себя, в таблице стилей строка 30:
body > .container {
min-height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 0 auto;
text-align: left;
padding: 0 0 60px;
width: 1200px; /*Общаяя ширина шаблона*/
}
4. Далее погоняем ширину каркаса под контентом об этом описано в пункте номер 2
5. Можно сделать вот так - http://i.imgur.com/bOPDvv6.png как я думаю более среднее нормально(как я описал в третем пункте ширина должна быть 1200px и по второму пункту ширина - 935px)
Контент-модули
Продвижение сайта
Управление сайтом