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

[sbj]

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.

 

[sbj]

For better description, see this screenshot.

 

[Dylan V]

Hi,

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

 

[Paul B]

^ I wouldn't recommend that.

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

 

[sbj]

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

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 .

 

[sbj]

The suggestion is not working.

 

[Amaury]

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

 

[sbj]

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

And...?

 

[Amaury]

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