Removing fixed width
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;
}
}
There was an error rendering this rich post.
Tagged:
1

Comments
following recent changes you will also need to navigate to
views/default.master.tpland 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>There was an error rendering this rich post.