How can I set maximum width of layout for 960px or grater than it?

Comments

samwillc’s picture

Hi,

I have only just started with this theme and here's how I see it, maybe this will help you. I believe the final width is calculated based upon the following code located in 'sass/_config.sass'.

// Setup the column, grid, and gutter amounts.
$column: 90px
$gutter: 30px
$grid-columns: 12
$max-width: em(1200)

Whatever values you choose in here are then imported into 'sass/layout.sass' using the following command at the top:

@import _config.sass

'sass/layout.sass' then calculates your grid based on what you have chosen in 'sass/_config.sass', and THEN outputs a nice clean standard 'css/layout.css' file which is the actual file which your website uses to display the page. Try it, change:

$max-width: em(1200)

to

$max-width: em(1600)

and then refresh your page and see that your site width has increased automagically! The beauty of css preprocessing :)

Someone feel free to correct me if I'm wrong.

I hope this helps.

SteveK’s picture

Status: Active » Closed (works as designed)

This is correct :)

Closing!