Controlling margins in responsiveness

  • techtoll

    (@techtoll)


    11 years, 3 months 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?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months 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

    Thread Starter techtoll

    (@techtoll)

    11 years, 3 months 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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months 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.

    Michael

    (@alchymyth)

    11 years, 3 months 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.

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

Tags