Support » Themes and Templates » Controlling margins in responsiveness

Controlling margins in responsiveness

  • While viewing in mobile devices or even re-sizing the windows My site leaves too much space around its contents. So there is less available area for the original content.

    How do it edit the margins that appear in smaller windows?

Viewing 4 replies - 1 through 4 (of 4 total)
  • I know people have had trouble with media queries and twenty twelve before, but have you tried using;

    @media only screen and (max-device-width: 480px) {
     body .site {
      padding: 0;

    Within Twenty Twelve’s Custom CSS option

    I have used it but the space on left right is same.

    Should i post this in CSS creator forums or this is only WordPress problem?

    Really it’s a CSS issue, but I’m considering helping you out 😉 You could post in the CSS creator forums as well.

    A lot of volunteers will pounce at CSS issues on these forums, as long as it’s not too far from WordPress.

    Moderator Michael


    Forum Moderator

    try to change the @media query slightly:

    @media only screen and (max-width: 480px) {
     body .site {
          padding: 0 0.3rem;

    change the 0.3rem to whatever space you would like to leave at the sides.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Controlling margins in responsiveness’ is closed to new replies.