Quote:
|
How can I increase the width of template for wide screens? It maximum size is made for 1280px wide screens, but I want it to look good on 1600px wide monitors and bigger, and to add 5th column into product's grid.
|
Quite simple, you need to adjust the media queries in skin/reboot/css/reboot.css
The container class is
.container
So for example, replace...
Code:
/* Extra Large Desktops */
@media only screen and (min-width: 1824px) and (max-width: 3000px) {
ul.grid_view li { width: 25%; }
}
With...
Code:
/* Extra Large Desktops */
@media only screen and (min-width: 1824px) and (max-width: 3000px) {
ul.grid_view li { width: 25%; }
.container { width: 1600px; }
}
Then repeat for the various screen sizes.
The product columns are controlled by this CSS, also the media queries section...
Code:
ul.grid_view li { width: 25%; }
So for 5 columns, you need to change to...
Code:
ul.grid_view li { width: 20%; }