By using the available media queries within the responsive.css file.
find towards the bottom of that css file:
@media (min-width:1200px){.row{margin-left:-5px;*zoom:1;}
.onerow-fluid controls the wrapper around the left, center and right column. However my code will only allow one to alter the code greater than 1200px (currently). More media queries can always be added
find:
.onerow-fluid{width:100%;*zoom:1;}
change to:
.onerow-fluid{width:1200px;*zoom:1;}
this should prevent that wrapper from extending past 1200px
to further customize, you may want to also stop your header and footer from extending past 1200px, to do this you would have to add right below .onerow-fluid{width:1200px;*zoom:1;}:
div#headerWrapper,div#navSuppWrapper{width:1200px;} /*stock Zen Cart Classes/ID's*/
I bet it does!
Bookmarks