• 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


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.


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";


XenForo moderator
Staff member
^ I wouldn't recommend that.

There are Style Properties available which can be edited instead - Responsive Design.