1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Style Page Width Controller for Computer/iPad

Discussion in 'Styling and Customization Questions' started by dds115, Oct 18, 2012.

  1. dds115

    dds115 Member

    I've been playing around with this and can not figure out how to make the following work...

    I want at least 200px margins when on a "large screen", 940px minimum. When on an iPad, I don't want the margin on either side, just the content. Right now, when on an iPad, I have to scroll to the right to see the content (left margin shows, right does not).

    Any help would be appreciated.
  2. Arty

    Arty Well-Known Member

    Add this to extra.css
    @media only screen and (max-width: 1140px), only screen and (max-device-width: 1140px)
        .pageWidth { width: 940px; margin: 0 auto; }
    Jake Bunce, Steve F and dds115 like this.
  3. dds115

    dds115 Member

    Worked like a charm. Thank you very much!

Share This Page