[tony_sologubov]

Originally Posted by voidopolis

Thanks for the reply Tony;

Basically, when someone is browsing the site at a resolution that allows for max screen width(>1180px), I'd like the width of the template overall to be wider - I don't want as much padding around the edges on max resolution. This CSS below seems to control that - for the 3 page resolutions (depending on resolution of the browser, it adjusts the screen width to three sizes (1180, 980 and 760)


@media (min-width: 1200px)
#page-wrapper {
width: 1180px;
}

@media (min-width: 992px)
#page-wrapper {
width: 980px;
}
@media (min-width: 768px)
#page-wrapper {
width: 760px;

I've found using chrome's inspector - for the first resolution, that I can adjust the min-width to 1510 and the #page-wrapper {width: #1500;} - I can achieve what I'm looking for - a wider width template with less padding around the sides. However, when I put that code into the custom CSS of the site, it does not affect the page width as expected.

I didn't know if there was a better way to handle this, or if I'm doing it wrong... or...

I appreciate the help.

You can try to use code like this:

@media (min-width: 1200px)
#page-wrapper {
    width: 99%;
}

Please, let me know if it is something that works for you.

Tony