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

XF 1.4 Max-width and margin right/left and responsive

Discussion in 'Styling and Customization Questions' started by sbj, Apr 21, 2015.

  1. sbj

    sbj Well-Known Member

    How can I have a max-width but at the same time always a margin right/left with a fixed number?
    So 5% of each side a margin, always.

    If I don't do max-width, it works perfectly. I have always when I resize the browser on left and on right a 5% margin. But now when I do a max-width, It doesn't work.
    So when the screens get smaller, that it still has a margin on right and left, but with max-width enabled, it gets always the full-screen.

  2. sbj

    sbj Well-Known Member

    For better description, see this screenshot.

  3. Dylan V

    Dylan V Well-Known Member


    Go to the templates of your style and search for "public.css". Then, remove this:
        .Responsive .pageWidth
            @property "pageWidthResponsiveMedium";
            padding-right: 0;
            padding-left: 0;
            margin-right: 0;
            margin-left: 0;
            @property "/pageWidthResponsiveMedium";
    sbj likes this.
  4. Brogan

    Brogan XenForo Moderator Staff Member

    ^ I wouldn't recommend that.

    There are Style Properties available which can be edited instead - Responsive Design.
    sbj likes this.
  5. sbj

    sbj Well-Known Member

    I'm afraid to ask this, but how? :)

    Will try out Dylan's version now by commenting out those lines.

    Thank you very much @Dylan V .
    Dylan V likes this.
  6. sbj

    sbj Well-Known Member

    The suggestion is not working.
  7. Amaury

    Amaury Well-Known Member

    Try Brogan's suggestion, then. Style Properties > Responsive Design
  8. sbj

    sbj Well-Known Member

  9. Amaury

    Amaury Well-Known Member

    Play around with the properties there until you get your desired result.
    sbj likes this.

Share This Page