XF 1.3 A question about margins (Page Width Controller)

[petertdavis]

Is there any way to have the margin a different % depending on what screen size the user has? For example, I want to set the margin to 10% because that's what looks best on my screen. But, I'm using a 15 inch Macbook, but for someone on a 11 inch Macbook air, a 10% margin looks too constricted. How could I use, say, a 5% margin for people on a smaller screen size than i have?

 

[Paul B]

Use a media query.

See the responsive design link in my signature.

 

[petertdavis]

Thanks for the reply @Brogan

I was just thinking of another way to approach this. Instead of having different margin, I could set the default 1% margin and set a maximum width in pixels? ie, the site is fluid with a 1% margin until it reaches the width of 1080 pixels?

Is that easy to do? And if so, what would I put in the Page Width Controller to make it happen?

 

[Paul B]

Use max-width.
That's how the fluid style on my site is set up.

 

[petertdavis]

Use max-width.
That's how the fluid style on my site is set up.

Thanks, so if I put "max-width: 1080px;" into the additional css box in the Page Width Controller it does that but the whole site sits on the left side of the browser on bigger screens. How would I make it centered instead?

 

[Paul B]

margin: 0 auto;

http://xenforo.com/community/threads/frequently-asked-questions.5183/#post-181037