Full width header and footer while content is boxed.

Albert

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; }

}