Removing fixed width

Tama

I recently added some css to force fixed width, in an attempt to keep the page tidy when resizing browsers.
If you don't like these changes open design/custom.css and remove the following lines of css

@media (min-width: 1921px)  {
      #Frame {
        position: absolute;
    width: 100%;
    margin: auto;

  }
}
@media (min-width: 1920px)  {
      #Frame {
        position: absolute;
        width: 1918px;
        margin: auto;

      }
}
@media (max-width: 1680px) and (min-width: 1601px)  {
      #Frame {
        position: absolute;
        width: 1678px;
        margin: auto;

      }
}
@media (max-width: 1600px) and (min-width: 1441px)  {
      #Frame {
        position: absolute;
        width: 1589px;
        margin: auto;

      }
}
@media (max-width: 1440px and (min-width: 1367px))  {
      #Frame {
        position: absolute;
        width: 1429px;
        margin: auto;

      }
}
@media (max-width: 1366px) and (min-width: 1365px)  {
      #Frame {
        position: absolute;
        width: 1355px;
        margin: auto;

      }
}
@media (max-width: 1360px) and (min-width: 1281px)  {
      #Frame {
        position: absolute;
        width: 1349px;
        margin: auto;

      }
}
@media (max-width: 1280px) and (min-width: 1153px)  {
      #Frame {
        position: absolute;
        width: 1269px;
        margin: auto;

      }
}
@media (max-width: 1152px) and (min-width: 1025px)  {
      #Frame {
        position: absolute;
        width: 1141px;
        margin: auto;

      }
}
@media (max-width: 1024px)  {
      #Frame {
        position: absolute;
        width: 1013px;
        margin: auto;

      }
}

Tama

following recent changes you will also need to navigate to views/default.master.tpl and remove the following lines

   <script>
   // Scrollbar Fix, assembled from StackOverflow
   $(window).scroll(function(){
     if(isPageScrolling()){
       $('head').append('<link rel="stylesheet" href="//cdn.tama63.co.uk/van/scrollbar.css" type="text/css"  />');
     }
   }); 

   function isPageScrolling() {
     var docHeight = $(document).height();
     var scroll    = $(window).height() + $(window).scrollTop();
     return (docHeight == scroll);
   }
   </script>