Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 15, 2014 at 3:04 am #209834
    discover_peppermint

    I’d like to change the width of the fixed layout site (non-responsive). How do I go about doing that?

    (Here’s why I need the change in width: I had the site designed at 1260 responsive, but now want to change it to fixed instead, but fixed is currently narrower, so it’s throwing off my design.)

    Thanks.

    Kama

    January 15, 2014 at 7:13 am #209888
    Ismael

    Hi discover_peppermint!

    First, adjust the container width using this on Quick CSS:

    .container { width: 1260px; }

    Adjust the grid sizes after, do the math: :)

    /* Base Grid */
.container .one.unit,
.container .one.units {
  width: 30px;
}
.container .two.units {
  width: 110px;
}
.container .three.units {
  width: 190px;
}
.container .four.units {
  width: 270px;
}
.container .five.units {
  width: 350px;
}
.container .six.units {
  width: 430px;
}
.container .seven.units {
  width: 510px;
}
.container .eight.units {
  width: 590px;
}
.container .nine.units {
  width: 670px;
}
.container .ten.units {
  width: 750px;
}
.container .eleven.units {
  width: 830px;
}
.container .twelve.units {
  margin-left: 0;
  width: 1260px;
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Change Width of Fixed Layout Site’ is closed to new replies.