So I’m building a website for a client on the WordPress platform and he says that when he views it on an old square monitor, the layout is all messed up. I know most monitors nowadays are more widescreen and you’d be pressed to find a smaller, square monitor, but he wants it to look good on every monitor, which I completely understand.
I’m just having a hard time trying to fix it because I’m building it on a widescreen laptop and widescreen monitor so I can’t really tell if it’s fixed when I make changes.
So my question is, how can I view the changes I’ve made as a square monitor? I’ve tried resizing the browser window, but it doesn’t make any changes. It’s not looking like anything he describes. Also, I know this is a longshot, but are there any WP plugins or anything that will fix it?
P.S. I’ve been making changes to the style.css file with the @media property. Thanks!
Back in the day, websites were always developed to accommodate the “square” monitor resolution. Today, the number of users using 800×600 or 640×480 is negligible which is why most sites leverage the space benefits introduced by the wider ratio. And, without getting into the possibility of an antiquated browser to go with his antiquated hardware and why one wouldn’t want to pander to either of those over the mass as a whole, I’ll stick to the question at hand.
Without seeing the website, I can’t say for sure what’s going on but I’m willing to guess that one of two things is happening:
The solution for overcoming both of those problems is a whole other issue but, to get you both looking at the same page, set your monitor’s resolution equal to his to simulate his view. On both my desktop and laptop, I can set it to 800×600 so I’m willing to be you can too.