left margin disappears in 800×600 resolution

  • Hi all. I am using a theme I really like, Titan 1.22 (free version so far). One thing that is bedeviling me is that the left margin seems to shrink to 0 when I view the page in 800×600 resolution.

    Here is the site: https://www.we-paint-ugly-houses.com/

    And here is the code for the style.css (because I am guessing this might be where the solution lies)

    /* Import Stylesheets
    ———————————————————–*/
    @import url(“stylesheets/master.css”);

    /* Required WordPress Classes, don’t remove these.
    ———————————————————–*/
    .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .alignleft { float: left; }
    .alignright { float: right; }

    /* Make all custom CSS changes in a Child Theme. Any custom
    changes you make here will not be overidden when you upgrade the theme.
    ———————————————————–*/
    span.wpcf7-list-item { display: block; }

    Any advice is appreciated. My css knowledge is beginner – maybe intermediate.

    Thank you in advance!

    p.s. site comments or suggestions are always welcome / appreciated

Viewing 5 replies - 1 through 5 (of 5 total)

  • look into master.css: 

    .wrapper{
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

    where do you think these 960px are having space to go in a 800px resolution?

    so, where should any space on the left then come from?

    i think its just a normal bahavior since your page width is 960px.

    and you’re viewing it in 800×600 resolution so what you’d expect to happen? browser will create a horizontal scroll to view the overflow. margins will drop to zero because the page is wider than the window.

    i hope you get my vague explanation.. im not really got at it.

    Thread Starter gizmo78

    (@gizmo78)

    Thanks alchymth and wetwetwafu…now I get *why* it is happening. I guess what is disturbing me (and maybe it is my quirk) is how the 800×600 rez takes the page right up to the left edge of the browser….like this: https://screencast.com/t/OTk2OTZiN

    Whereas in higher resolutions there is at least some padding, like this: https://screencast.com/t/ODdmOWFk

    Is there any way to enforce a minimum padding of maybe 10 pixels on the left margin? (without changing themes of performing major surgery on this one).

    Thanks again for your help / advice!

    i guess this you can add a div that will wrap all your page content then add left margin or left padding to that div.

    <body>
<div id="div_that_wrap_all_page_content">

< all your page content here >
< /all your page content here >

</div>
</body>
    #div_that_wrap_all_page_content  {
    padding-left:10px;
 }

    but the background image of header and footer will move 10px away from left too, leaving a white space for the border.

    so you need to edit the background of body, create an image similar to the header background then use it as your body background.

    Thread Starter gizmo78

    (@gizmo78)

    hmmm…thanks wetwetwafu, but that I think that’s a little more surgery than I want to do get into with the theme. As soon as I did it no doubt the guy I’m doing the site for would want to try a new theme.

    Unless someone chimes in with a shortcut to get there I think I’ll just stick to telling people who view in 800×600 to stop being so cheap and a new computer. ??

    They must be pretty accustomed to the web looking pretty awful anyway!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘left margin disappears in 800×600 resolution’ is closed to new replies.