Top
Home
Place in style.css

@media screen and (min-width: px) and (max-width: px)
{
#container {margin-right:auto;margin-left:auto;width:px;background-color:#cccccc;background-image: url("bg.jpg");background-size: 100%;}

p{font: 14px "arial"; font-weight: normal; color: #000000}
h1{font: 18px "arial"; font-weight: bold; color: #000000}
}



Place in index.php in the container div

Place in style.css for total collapsable device

@media screen and (min-width: 0px) and (max-width: 479px) {
#container {position:relative;margin-right:auto;margin-left:auto;width:100%;background-color:#ffffff}
#header {width:100%;background-color:#ffffff;height:106px;background-image: url("header.jpg");background-size: 100% 95%;background-repeat: no-repeat;}
#footer {width:100%;background-color:#ffffff;height:53px;background-image: url("footer.jpg");background-size: 100% 95%;background-repeat: no-repeat;}
p{font: 14px "arial"; font-weight: normal; color: #000000}
h1{font: 18px "arial"; font-weight: bold; color: #000000}
ul.menu li {width:100%;margin-top:0px} ul.menu li a {padding: 3px 0px;font-size: 12px}
img{width:100%;height:100%; margin-left: auto; margin-right: auto}
}



#container {background-image: none;}