How can I make the maximum width of the template fixed, like 1024px?

Question

css

How can I make the maximum width of the template fixed, like 1024px?
demo.myopencart.com this template
, that is, the gray bar at the top can lag behind in full screen, and the links to it and the site content can be reduced in size, as well as the footer.

Answer 1

This is usually done with additional wrappers. Examine the page code, and you will find on it blocks with the class container, which just have a limited width and which are aligned to the center of the parent.

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

To make the maximum width 1024 px write in your CSS:

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