How to change the max-width of the entire site.

*edit* the font issue got resolved when I switched to a stretched layout. I am happy with the way it’s looking now so don’t worry about troubleshooting, but if you have any general words of wisdom you want to share, I am always interested in expanding my knowledge of internet wizardry. *end of edit*

*edit2* I spoke too soon. Stretched layout makes it look really crazy and the font still changes. I think it might have been a page cache thing that made it look good until I cleared it. *end of edit 2*

Original comment:
“Thanks for the direction Yigit!

I got the size right but it looks like the font changes at the break points now. (https://eidyial.com) Any idea how to fix it? I kinda had to hack it using quick css to get it right because I don’t really know what I’m doing. The header wasn’t matching the container width so I improvised. Something in the following css is causing the font issue (the first empty media screen thing made it so the font change only happened at one point):

@media screen and (max-width: 989px) {
}

@media screen and (min-width: 989px) {
#wrap_all {
max-width: 960px;
margin: 0 auto;
}

@media screen and (min-width: 1140px) {
#wrap_all {
max-width: 940px;
margin: 0 auto;
}

I’m sure I could probably get rid of this mess entirely and change a value in grid.css to match the size but i’m having trouble finding the right number or numbers to change. If it’s not too difficult to implement in one of the future updates, I think it would be really useful to offer more width options or like an overall max-width selector in the settings section for novices like myself.

Best regards,
-Arthur”

• This reply was modified 10 years, 7 months ago by agutnov.