Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #209834

    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

    #209888

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.