JustinWDev of Archived Theme Support
11/18/2014 - 1:22 AM

Frame checkout. In other words, add coloured "borders" on the left and right, to mimic store front layout #responsive #checkout Example of w

Frame checkout. In other words, add coloured "borders" on the left and right, to mimic store front layout #responsive #checkout Example of what that will give you: http://take.ms/B7B2A

checkout.scss.liquid
content_copyfile_download
.header, .main, .footer {
  max-width: 996px /* or whatever uses store front */;
  width: 95% /* Gives you minimal borders when viewport width is less than 996px */;
  margin: 0 auto /* To center */;
  background: #fff /* White or something else */;
  padding: 20px 0 /* Use this all the time */;
}

body {
  background-color: #af9871 /* Color on the left and right */;
}