I’m nearly done designing my website, which took me a couple of months.
I’m using a child theme of twentyeleven.
I am using a 1280×800 resolution on my laptop but I was looking at the webpage the other day from a 800×600 resolution to see how that would look and, of course, had some ‘nice’ surprises.
The address is http://www.enlightenedinnergame.com.
If you look at the homepage using a 800×600 resolution you see that the main container (.page-id-26.singular .entry-content) is falling out of the frame to the left.
As soon as I try adjusting the margin in this resolution the main container will overlap the sidebar to the right in the original resolution. It seems as if it is not possible to make just minor adjustments to the margin-left property at the 1280×800 without the wole div making a big jump to the right.
My question is, what am I missing?? There must be a way to make it look pleasing to the eye without me having to make some major layout changes on the page.
Any help is greatly appreciated!!
Thank you and good night.
- The topic ‘Trouble with margins on different resolutions’ is closed to new replies.