not centering when nearly out of space

  • Resolved boriskamp1991

    (@boriskamp1991)


    13 years, 5 months ago

    hello,

    ok let me try to explain this (im from holland so excuse me if you dont understand)

    here is the site for a customer of mine: https://www.le-club-culinair.nl/

    problem:
    i gave it a fixed width, and it centers nicely (the whole page)
    BUT when you narrow your chrome browser (or any other browser) to about 1050px then it STOPS centering and aligns on the RIGHT side. (you can clearly see what i mean on a iPad) i gave it a fixed width of 1000 px so how is this possible? does this have something to do with margin?

    a answer would be amazing, thank you!

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

  • the body style has a 2em left/right padding:

    body {
	padding: 0 2em;
}

    remove that; i.e. set it to zero in style.css in your child theme; and change the yellow background as well…

    Thread Starter boriskamp1991

    (@boriskamp1991)

    yeah, amazing, thank you! that did it.
    dont you like the yellow background? my customer wanted it.. maybe well change i though
    thanks again!

    Thread Starter boriskamp1991

    (@boriskamp1991)

    one more thing, did you view it on your iPad??
    i just saw that when i view it on my iPad, all the pages with sidebar template view the sidebar content UNDERNEATH the main content. instead of next to it (like on the PC)

    very strange right? any idea?

    maybe strange – but intended by design;

    the ‘responsive structure’ css in the lower part of style.css is responsible.

    if you want to change this, you need to change the responsive structure;
    one possible idea see here.

    Thread Starter boriskamp1991

    (@boriskamp1991)

    thanks! that did the trick!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘not centering when nearly out of space’ is closed to new replies.