Quote:
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:
Code:
@media (min-width: 1200px)
#page-wrapper {
width: 99%;
}
Please, let me know if it is something that works for you.
Tony