[macak49]

I have found a solution, I am not sure if it is the "best" one but it seems to work.

I changed the following to widen it.

--ORIGINAL--

#page-container2,
.wrapper-box {
  width: 940px; 
  margin: 0 auto; 
}
#content-container,
.error-page #content-container,
.checkout-container #content-container,
.printable #content-container
{
  margin-top: 96px;
  margin-left: 0;
  width: 100%;
}	

--NEW--

#page-container2,
.wrapper-box {
  width: 1300px !important;  /* width: 940px; */
  margin: 0 auto; /*margin: 0 auto;*/
}
#content-container,
.error-page #content-container,
.checkout-container #content-container,
.printable #content-container
{
  margin-top: 96px;
  margin-left: 0;
  width: 100%; /*100%*/
}

It only works with the !important; included.


Now the next issue that comes up is this breaks the mobile portion... when you shrink the width of the browser it does not collapse properly. I will update again when I figure that out. If anyone else has an idea of how to fix this please let me know.