Can you elaborate a bit on what you’re trying to do? Are you moving from a full width layout to a fixed width and want that width to be 1240px? Or are you just trying to modify the width of the fixed width rows? If it’s the latter, you can adjust this under the Global Settings.
The latter - i.e. change the width of the content area of the site (including header and footer) leaving containers full width - what global settings where exactly? Are you talking theme or plugin settings?
Are you going to be using this on a live site? Sorry for the question, I just thought the site you shared above looks like you’re still playing around with the BB settings. This setting is already available on the 1.5beta version of our theme which you can download on your accounts page. If you want to use this on a live site, you can use the same CSS you have above, just make sure to place them inside a media query like so…
This is right back to square one I’m afraid. How do I explain this better …
Here’s a video:
First without the width change - see how the header is fluid and moves in, keeping its outside margin, when the browser is resized (ignore breakpoint where my transparent background is foobard - that’s a fire I have yet to fight).
Sorry, it seems I’ve miscalculated the values on the code above. I’ve added this to your site on the stylesheet’s most bottom part. Make sure the media query’s width is greater than the width of the container, about 80px difference, for allowance.