WordPress.org

Ready to get started?Download WordPress

Forums

Controlling margins in responsiveness (5 posts)

  1. techtoll
    Member
    Posted 1 year ago #

    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?

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    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

  3. techtoll
    Member
    Posted 1 year ago #

    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?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  5. alchymyth
    Forum Moderator
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic