Как сделать максимальную ширину шаблона фиксированной, например 1024px?

Question

[Артур Аристов]

Как сделать максимальную ширину шаблона фиксированной, например 1024px?
demo.myopencart.com вот этот шаблон
то есть серая полоска вверху может отстаться во весь экран а ссылки на ней и содержимое сайта, уменьшить в размерах, так же футер.

Answer 1

[Alex]

Обычно это делается с помощью дополнительных обёрток. Исследуйте код страницы, и вы найдёте на ней блоки с классом container, у которых как раз ограничена ширина и которые выравниваются по центру родителя.

.container {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

Чтобы сделать максимальную ширину 1024 px напишите в вашем CSS:

@media (min-width: 1200px) {
    .container { width: 1024px; }
}

Comments

[Alex]

Артур Аристов: Это приезжает из bootstrap.min.css. Если вы в своей таблице стилей напишете приведённый код, то он сработает.

[Артур Аристов]

СПАСИБО))))