Full width header and footer while content is boxed.

edited August 2014 in Other
If you want to get full width header and footer but content to be wrapped into boxed version, please use below custom css and also you must have selected Full width layout for website:
#Content {
background-color: #fcfcfc;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
margin: 0 auto;
width: 1240px;
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {

#Content { width: 960px; }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

#Content { width: 728px; }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

#Content { width: 420px; }

}

@media only screen and (max-width: 767px) {

#Content { width: 300px; }

}





Sign In or Register to comment.