Hello,

My website displays perfectly fine on the computer however when it comes to phone or tables the background image becomes smaller. I have spend more than 4 hours trying to figure out why but no luck. Will appreciate if you guys can give me a hint.

The website is

www.develop-platform.co.uk

Here is my CSS

    /*

    Theme Name:Wallbase
    Theme URL: http://www.fabthemes.com/wallbase/
    Description: Free WordPress theme released by fabthemes.com
    Author: Fabthemes.com
    Author URI: www.fabthemes.com
    Version: 1.0.0
    Tags: Black, Fullscreen, photography, Portfolio, twitter, fixed-width, theme-options, threaded-comments, banner ads.

    */

    body {
        margin:0 auto;
        padding:0px 0px 0px 0px;
        background:#000;
        font-family:times new roman; 
        color:#666;
        font-size:18px;


        }

    img {
        border:0;
        margin: 0 0;
        }
    a {
        color:black;
        text-decoration:none;
        outline:none;
        }

    a:hover {
        color:#fff;
        text-decoration:none;
            }

    h1, h2, h3, h4, h5, h6 {

        }
    blockquote {
        padding:0px 10px 0px 20px;
        color:#666;
        font-style: italic;
        font-family:Georgia;
        }

    table {
        border-collapse: collapse;
        border-spacing: 0;
        }   
    .clear {
        clear:both;
        }

    img.centered  {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        padding: 0px;
        }

    img.alignnone {
        padding: 5px 5px;
        margin: 0px 0px 10px 0px;
        display: inline;
        background:#eee;

        }

    img.alignright {
        padding: 5px 5px;
        margin: 5px 0px 10px 10px;
        display: inline;
        background:#eee;

        }

    img.alignleft {
        padding: 5px 5px;
        margin: 10px 15px 10px 0px;
        display: inline;
        background:#eee;

        }

    .aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        }

    .alignright {
        float: right;
        margin: 0px 0px 10px 10px;
        }

    .alignleft {
        float: left;
        margin: 10px 15px 10px 0px;
        }

    .wp-caption {

        text-align: center;
        background:#eee;
        padding: 4px 0px 5px 0px;
        margin: 10px 10px ;
        }

    .wp-caption img {
        margin: 0px 0px 5px 0px;
        padding: 0px;
        border: 0px;

        }

    .wp-caption p.wp-caption-text {
        margin: 0px;
        padding: 0px 0px 0px 0px;
        font-size: 11px;
        font-weight: normal;
        line-height: 12px;
        color:#444;
        }
    .rounded{

        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .boxshadow{
        -moz-box-shadow: 0px 0px 5px #888;
        -webkit-box-shadow: 0px 0px 5px #888;
        box-shadow: 0px 0px 5px #888;


    }   

    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
        }

    .clearfix {
        display: inline-block;
        }

    html[xmlns] .clearfix {
        display: block;
        }

    * html .clearfix {
        height: 1%;
        }


    @font-face {
        font-family: 'BebasNeueRegular';
        src: url('fonts/BebasNeue-webfont.eot');
        src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/BebasNeue-webfont.woff') format('woff'),
             url('fonts/BebasNeue-webfont.ttf') format('truetype'),
             url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'UbuntuMedium';
        src: url('fonts/Ubuntu-Medium-webfont.eot');
        src: url('fonts/Ubuntu-Medium-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/Ubuntu-Medium-webfont.woff') format('woff'),
             url('fonts/Ubuntu-Medium-webfont.ttf') format('truetype'),
             url('fonts/Ubuntu-Medium-webfont.svg#UbuntuMedium') format('svg');
        font-weight: normal;
        font-style: normal;

    }



    /* The Outer cover */

    #casing {
        padding:0px 0px;
        width:740px;
        margin:0px 0px 0px 250px;
        float:left;

        }       

    .incasing{
        background:url(images/tp3.jpg);
        padding:0px 0px 0px 0px;
        margin-bottom:25px;
        margin-left:100px;  
        width:650px;
        float:left;


    /* display:none; */

    }


    /* The Header */

    #masthead{
        width:230px;
        z-index: 200;
        top: 0px;
        left: 10px !important;
        position: fixed;

    }

    #top {
        margin:0px 0px ;
        padding:50px 0px 15px 0px;
        text-align:center;
        background:url(images/logo_14.png);
        background-repeat:no-repeat;
        background-position:center; 
        border-bottom:1px solid #000;   
        width:230px;
        height:80px;    
        }

    h1.logo{
        font-size:30px;
        background:url(images/logo.png);
        opacity: 0;

        }
    h1.logo a:link, h1.logo a:visited{
        color:#fff;
    }

    h1.logo a:hover{
        color:#fff;
    }

    h1.logo img{
        display:block;
        margin-left:15px;

    }



    /* The Search */


    #search {
        width:200px;
        padding:0px ;
        margin:-40px 10px;
        display:inline-block;
        float:right;
        background:#1d1d1d;
        border:1px solid #2e2e2e;
        }

    #search form {
        margin: 0px 0px 0px 0px;
        padding: 0;
        }

    #search fieldset {
        margin: 0;
        padding: 0;
        border: none;
        }

    #search p {
        margin: 0;
        font-size: 85%;
        }

    #s {
        width:160px;
        background:#1d1d1d;
        margin:0px 0px 0px 3px;
        padding: 3px 5px;
        height:20px;
        border:none;
        font-size:14px;
        font-family:BebasNeueRegular,Arial, verdana,Century gothic, sans-serif; 
        color:#ddd;
        float:left;
        display:inline;

        }

    #searchsubmit{
        background:url(images/search.png);
        border:none;
        color:#fff;
        display:block;
        width:12px;
        height:12px;
        margin:7px 7px 0px 0px;
        padding:5px 5px;
        float:right; 
        cursor:pointer;
        }

    #searchpage{
        background:#fff;
        border:1px solid #ccc;
        margin:0px 10px 0px 10px;
        }

    #sform{
        width:450px;
        border:none;
        padding:6px 5px;
        }

    #formsubmit{
        float:right;
        background:url(images/sfrm.png) repeat-x;
        border-left:1px solid #ccc!important;
        border:none;
        padding:5px 5px;
        }

    .scover{


        }

    .sbox{
        padding:10px 0px;
        padding:10px 0px;
        }

    .sbox p{
        padding:5px 0px;
        color:#777!important;
    }
    .shead{
        margin:0px 10px 25px 10px;

    }
    .shead p{
        margin-left:10px;
        margin-bottom:10px;
        color:#3E91CE;
    }

    .stitle h2{
        font-family:'BebasNeueRegular';
        font-weight:normal;
        padding:0px 0px;
        font-size:26px;
    }
    .stitle h2 a{
        color:#6D6750;

    }

    .searchmeta{
        margin-top:5px; 
        color:#D14E25;
        text-transform:uppercase;
        font-size:10px;
    }

    .searchmeta a{
        color:#D14E25;

    }


    /* Menu */

    #botmenu{
        padding:20px 10px;
        width:210px;
        background:url(images/transparent2.png) repeat-y;

    }

    #submenu{

        font-family:BebasNeueRegular,Arial, verdana,Century gothic, sans-serif;     
        font-size:16px;
        margin:0px 0px;

    }

    /*** ESSENTIAL STYLES ***/
    .sf-menu, .sf-menu * {
        margin:         0;
        padding:        0;
        list-style:     none;
    }
    .sf-menu {
        line-height:    1.0;
    }
    .sf-menu ul {
        position:       absolute;
        top:            -999em;
        width:          210px; /* left offset of submenus need to match (see below) */
    }
    .sf-menu ul li {
        width:          100%;
        border-bottom:1px solid #fff;
    }
    .sf-menu li:hover {
        visibility:     inherit; /* fixes IE7 'sticky bug' */
    }
    .sf-menu li {
        float:          left;
        position:       relative;
    }
    .sf-menu a {
        display:        block;
        position:       relative;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left:           0;
        top:            2.5em; /* match top ul list item height */
        z-index:        99;
    }
    ul.sf-menu li:hover li ul,
    ul.sf-menu li.sfHover li ul {
        top:            -999em;
    }
    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
        left:           200px; /* match ul width */
        top:            0;
    }
    ul.sf-menu li li:hover li ul,
    ul.sf-menu li li.sfHover li ul {
        top:            -999em;
    }
    ul.sf-menu li li li:hover ul,
    ul.sf-menu li li li.sfHover ul {
        left:           200px; /* match ul width */
        top:            0;
    }

    /*** DEMO SKIN ***/
    .sf-menu {
        float:          left;

    }
    .sf-menu a {

        padding:        .75em 1em;
        text-decoration:none;
    }
    .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
        color:#FFFFFF;
        font-family:Arial,Helvetica,sans-serif;
        font-size:15px;

    }
    .sf-menu li {
        background:     ;
    }
    .sf-menu li li {
        background: url(images/menu.png);
        border-bottom:1px solid #2a2a2a;
        border-left:1px solid #2a2a2a;
        border-right:1px solid #2a2a2a;
    }
    .sf-menu li li li {
        background: url(images/menu.png);
        border-bottom:1px solid #2a2a2a;
        border-left:1px solid #2a2a2a;
        border-right:1px solid #2a2a2a;
    }
    .sf-menu li:hover, .sf-menu li.sfHover,
    .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        outline:        0;
        color:#fff;
    }

    /*** arrows **/
    .sf-menu a.sf-with-ul {
        padding-right:  2.25em;
        min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */
    }
    .sf-sub-indicator {
        position:       absolute;
        display:        block;
        right:          .75em;
        top:            1.05em; /* IE6 only */
        width:          10px;
        height:         10px;
        text-indent:    -999em;
        overflow:       hidden;
        background:     url(images/arrows.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
    }
    a > .sf-sub-indicator {  /* give all except IE6 the correct values */
        top:            .8em;
        background-position: 0 -100px; /* use translucent arrow for modern browsers*/
    }
    /* apply hovers to modern browsers */
    a:focus > .sf-sub-indicator,
    a:hover > .sf-sub-indicator,
    a:active > .sf-sub-indicator,
    li:hover > a > .sf-sub-indicator,
    li.sfHover > a > .sf-sub-indicator {
            background:     url(images/arrows.png) no-repeat -10px -100px; /* arrow hovers for modern browsers*/
    }

    /* point right for anchors in subs */
    .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
    .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
    /* apply hovers to modern browsers */
    .sf-menu ul a:focus > .sf-sub-indicator,
    .sf-menu ul a:hover > .sf-sub-indicator,
    .sf-menu ul a:active > .sf-sub-indicator,
    .sf-menu ul li:hover > a > .sf-sub-indicator,
    .sf-menu ul li.sfHover > a > .sf-sub-indicator {
        background-position: -10px 0; /* arrow hovers for modern browsers*/
    }

    /*** shadows for all but IE6 ***/
    .sf-shadow ul {
        padding: 0 8px 9px 0;
        -moz-border-radius-bottomleft: 17px;
        -moz-border-radius-topright: 17px;
        -webkit-border-top-right-radius: 17px;
        -webkit-border-bottom-left-radius: 17px;
    }
    .sf-shadow ul.sf-shadow-off {
        background: transparent;
    }
    .sf-vertical, .sf-vertical li {
        width: 210px;

    }
    .sf-vertical li {
    border-bottom:1px solid #191919;
    }

    .sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
        left: 200px;
        top: 0;
    }
    .sf-vertical .sf-sub-indicator {
        background-position: -10px 0;
    }
    .sf-vertical a > .sf-sub-indicator {
        background-position: 0 0;
    }
    .sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {
        background-position: -10px 0;
    }


    /* menu bottom */

    .strigger{
        height:78px;
        background:url(images/strigger2.png);
        display:block;
        border-top:1px solid #302F2F;
    }

    span.trig,span.trigu{
        width:27px;
        height:26px;
        background:url(images/trigd2.png);
        display:block;
        margin-left:103px;
        margin-top:35px;
        cursor:pointer;
    }

    span.trigu{
        background:url(images/trigu2.png)!important;
    }


    /* Main Content*/   

    #content {
        float:left;
        width: 600px;
        height:100%;
        padding:10px 0px 0px 0px;
        margin:10px 0px 0px 20px;
        display:inline;
        overflow:hidden;

        }   


    /* POST */

    .postimg{

        float:left;
        margin:15px 10px 10px 0px;
        width:490px;
        height:200px;
        padding:5px ;
        background:#000;

    }

    .post {
        margin: 0px 0px 30px 0px;
        height:100%;
        color:#000000;
        border: 0px;
        border-color:black;
        border-style:solid;
        }

    .title{
        margin: 0px 0px;
        padding: 5px 0px;
        }       

    .title  h2 {
        margin: 0px 0px;
        padding: 0px 0px 5px 230px ;
        font-size: 20px ;
        font-family:'Times New Roman';
        font-weight:normal;
        text-transform:uppercase;

        }

    .title  h2 a, .title  h2 a:link, .title  h2 a:visited  {
        color:#000000;
        background-color: transparent;
        }

    .title  h2 a:hover  {
        color: #fff;
        background-color: transparent;
        }   

    .postmeta{
    display: none;
        }

    .author{
        color:#fff;
        padding:2px 5px 2px 15px;
        background:url(images/user.png) left center no-repeat;
        }

    .clock{
        color:#fff;
        padding:2px 5px 2px 15px;
        background:url(images/clock.png) left center no-repeat;
    }   

    .comm{
        color:#fff;
        padding:2px 5px 2px 15px;
        background:url(images/comm.png) left center no-repeat;
        }

    .comm a:link,
    .comm a:visited {
        color:#fff;
        }

    .comm a:hover{
        color:#fff;
        }

    .morer{
        float:right;
        margin-right:5px;
        background:url(images/rmore.png) no-repeat;
        width:121px;
        height:38px;
        line-height:38px;
        text-align:center;
        color:#fff!important;
        text-decoration:none;
        }


    .singleinfo {
        font:10px  Tahoma, Georgia, Arial,century gothic,verdana, sans-serif;
        text-transform:uppercase;
        color:#827A60;
        padding:5px 0px;

        }

    .category{
        padding:5px 0 5px 20px;
        color:#fff;
        background:url(images/tag.png) left center no-repeat;

        }

    .category a:link,.category a:visited{
        color:#4D87A7;
        }

    .category a:hover{
        color:#fff;
        }

    .cover {
        margin:0 0;
        padding: 0px 0px ;
        }   

    .entry {
        margin:32px;
        padding: 0px 0px 5px 0px ;

            }   

    .entry a:link,
    .entry a:visited {
        color:#4D87A7;
        }

    .entry a:hover {
        color:#fff;
        background-color: transparent;
    }

    .entry ul, .entry ol{
      margin: .4em 0 1em;
      line-height: 150%;
    }

    .entry ul li, .entry ol li{
      list-style-position:outside;
      margin-left: 1.6em;
    }

    .entry p{
        margin:5px 0px 10px 0px;
        padding:10px 0px;
        line-height:24px;
    }



    /* Right column non-widgets*/

    .right{
        float:right;
        width:180px;
        padding:20px 0px 0px 0;
        margin:10px 20px 0px 0px;
        display:inline;
        overflow:hidden;

    }


    /* The Sidebar WIDGETS */


    .sidebar{
        float:left;
    }

    h3.sidetitl{
        font-family:'UbuntuMedium';
        color:#ccc;
        font-size:16px;
        padding:0px 0px 0px 0px;
        margin-bottom:10px;
        font-weight:normal;
    }

    .sidebox{
        width:180px;
        margin:0px 0px 30px 0px;
        list-style:none;
        color:#6f6f6f;
        }

    .sidebox ul {
        list-style-type: none;
        margin:  0px;
        padding: 0px 0px 5px 0px ;

        }
    .sidebox li{
        list-style-type: none;
        margin: 0 ;
        padding: 0;

        }
    .sidebox ul ul  {
        list-style-type: none;
        margin: 0;
        padding: 0px 0px 0px 0px;
        background-repeat:no-repeat;
        }

    .sidebox ul ul ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        border:0;
        }

    .sidebox ul ul ul ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        border:0;

        }

    .sidebox ul li {
        height:100%;
        line-height:18px;
        clear:left; 
        width: 300px;
        margin:0px 0px;
        list-style-type: none;
        }

    .sidebox ul li a:link, .sidebox ul li a:visited {
        color:#6f6f6f;
        text-decoration: none;
        padding: 5px 0px 5px 0px;
        display:block;
        }

    .sidebox ul li a:hover {
        color: #fff;
        }


    .sidebox.widget_categories ul li,.sidebox.widget_pages ul li,.sidebox.widget_archive ul li,
    .sidebox.widget_links ul li,.sidebox.widget_meta ul li{
        padding-left:0px;
        border-bottom:1px solid #222;   
    }

    .sidebox.widget_recent_entries ul li a{
        border-bottom:1px solid #222;
    }

    ul#recentcomments li.recentcomments {
        padding:5px 0px;
        border-bottom:1px solid #222;
    }

    .squarebanner {
        margin:20px 0px 10px 20px;
        width:270px;
        float:left;
        }

    .squarebanner ul{
        list-style-type:none;
        margin: 0px auto;
        padding: 0px 5px 0px 0px;
        overflow:hidden;
        width:270px;
            }

    .squarebanner ul li{
        list-style-type:none;
        margin: 10px 10px 0px 0px;
        float:left;
        display:inline;
        background:#eee;
        }

    .squarebanner ul li.rbanner{
        margin-right:0px;

    }       
    /* Footer widgets */


    #bottom{
        margin:0px auto;
        width:740px;
        padding-bottom:20px;
        height:20px;
    }

    .bottomcover{

        margin:0px auto;
    }   

    h3.bothead{
        font-size:18px;
        padding:10px 0px 10px 0px;
        color:#fff;
        text-shadow:1px 1px 0px #111;
        font-family:'UbuntuMedium';
        font-weight:normal;
        }

    .botwid{
        float:left;
        width:190px;
        padding-bottom:30px;
        font-size:1px;
        margin:20px 10px 20px 18px;
        color:#ddd;
        list-style:none;
        }

    .botwid ul {
        list-style-type: none;
        margin:  0px;
        padding: 0px 0px 0px 0px ;


        }
    .botwid li{
        list-style-type: none;
        margin: 0 ;
        padding: 0;

        }
    .botwid ul ul  {
        list-style-type: none;
        margin: 0;
        padding: 0px 0px 0px 0px;
        background-repeat:no-repeat;
            }

    .botwid ul ul ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
        border:0;
        }

    .botwid ul ul ul ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
        border:0;

        }

    .botwid ul li {
        height:100%;
        line-height:18px;
        clear: left;    
        width: 190px;
        list-style-type: none;
        }

    .botwid ul li a:link, .botwid ul li a:visited  {

        color: #777;
        text-decoration: none;
        padding: 5px 0px 5px 0px;
        display:block;
        border-bottom:1px dotted #555;

        }

    .botwid ul li a:hover{

        color: #fff;
        }

    .botwid p{
        padding: 7px 0px;
        margin:0;
        line-height:150%;
        }

    .botwid table {
        width:100%;
        text-align:center;
        color:#787d7f;
        }   


    /* --- FOOTER --- */

    #footer {
        padding:5px 0 5px 0px;
        color:#eee;
        font-size:11px;
        z-index: 200;
        bottom: 0px;
        right: 0px !important;
        position: fixed;

        }

    #footer a:link , #footer a:visited{
        color:#eee;
        }

    #footer a:hover {
        color:#eee;
        }

    .fcred{

        text-align:left;
        margin:0px 30px 0px 20px;
        line-height:16px;

    }





    /* The Navigation */

    #tnavigation{   
        margin:10px 0px 0px 0px;
        padding:5px 0px;

        }


    /* The Attachment */

    .contentCenter {
        text-align:center;
        }

    /* The Page Title */

    h2.pagetitle {
        padding:10px 0px;
        font-size:14px;
        text-align:center;
        color:#444;
        margin-bottom:10px;
        }
     h2.pagetitle a {
        color:#507409;
     }


    .archead{
        color:#fff;
        text-align:left;
        padding:25px 0px 5px 20px;
        font-size:14px;
        text-shadow:2px 2px 5px #000;   
        font-family:BebasNeueRegular,Arial, verdana,Century gothic, sans-serif; 

    }


    /* Comments */

    #commentsbox {

        margin:0 0px;

    }

    h3#comments{
        font-size:18px;
        color:#eee;
        font-weight:normal;
        padding:10px 0px 10px 0px ;
        margin-top:10px;
        background:url(images/coms.png) left no-repeat;
        font-family: 'UbuntuMedium';
    }


    ol.commentlist {
        margin:0px 0 0;
        clear:both;
        overflow:hidden;
        list-style:none;


    }
    ol.commentlist li {
        margin:20px 0;
        line-height:18px;
        padding:10px;
        background:#161616;
        border:1px solid #222;


    }
    ol.commentlist li .comment-author {
        color:#999;


    }
    ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{

        color:#999;
        font-weight:bold;
        text-decoration:none !important;
    }

    ol.commentlist li .comment-author .fn {
        color:#999;
    }
    cite.fn{
        color:#eee;
        font-style:normal;
    }
    ol.commentlist li .comment-author .avatar{
        float:right;
        border:1px solid #333;
        background:#000;
        padding:3px;
    }
    ol.commentlist li .comment-meta{
        font-size:10px;

    }
    ol.commentlist li .comment-meta .commentmetadata{

        color:#000;
    }

    ol.commentlist li .comment-meta a {
        color:black;
        text-decoration:none !important;
    }
    ol.commentlist li p {
        line-height:22px;
        margin-top:5px;
        color:#666;
        font-size:12px;

    }
    ol.commentlist li .reply{
        margin-top:10px;
        font-size:10px;
    }
    ol.commentlist li .reply a{
        background:#666;
        border:1px solid #888;
        color:#fff;
        text-decoration:none;
        padding:3px 10px;
    }

    ol.commentlist li.odd {

    }
    ol.commentlist li.even {

    }

    ol.commentlist li ul.children {
        list-style:none;
        margin:1em 0 0;
        text-indent:0;

    }

    ol.commentlist li ul.children li.depth-2 {

        margin:0 0 0px 50px;

    }

    ol.commentlist li ul.children li.depth-3 {

        margin:0 0 0px 50px;

    }

    ol.commentlist li ul.children li.depth-4 {

        margin:0 0 0px 50px;

    }
    ol.commentlist li ul.children li.depth-5 {

        margin:0 0 0px 50px;

    }
    .comment-nav{

        padding:5px 0px;
        height:20px;
    }

    .comment-nav a:link,.comment-nav a:visited{

        color:#777;
    }

    #respond{

        padding:0px 0px ;
        margin:10px 0px;


    }
     #respond h3 {
        font-size:16px;
        font-weight:normal;
        padding:5px 0px 0px 0px ;
        margin:0px 0px;
        color:#eee;
        font-family: 'UbuntuMedium';


    }
    #commentform {
        padding:10px 0px;
    }
    #commentform a {
            color:#4D87A7;
    }

    #commentform p{
        margin:5px 0px ;
        color:#999;
    }
     #respond label{
        display:block;
        padding:5px 0;
        color:#999;

    }
     #respond  label small {
        font-size:10px;

    }
     #respond input {
        margin-bottom:10px;
        padding:5px 5px;
        margin:0 10px 10px 0;
        background:#333;
        border:1px solid #444;
        color:#ddd;
    }
    #commentform  input{
        width:50%;

    }

    #respond  input#commentSubmit {
        width:100px;
        padding:3px 5px;
        background:#4D87A7;
        border:1px solid #3C708C;
        color:#fff;
        margin:10px 0px;
        cursor:pointer;
    }
    textarea#comment{
        border:none;
        background:#333;
        border:1px solid #444;
        width:70%;
        margin:10px 0px 0px 0px;
        padding:5px 5px;
        color:#ddd;
    }


    /* Pagination */

    .wp-pagenavi{

        font-size:12px;
        text-align: center !important;


    }
    .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {

        text-decoration: none;
        background:#4D87A7 !important;
        border: 1px solid #5FA6CC!important;
        color:#fff !important;
        padding:3px 7px !important;
        display: block;
        text-align: center;
        float: left;
        margin-right: 4px;

    }


    .wp-pagenavi a:hover {
        color: #ffffff;
    }

    .wp-pagenavi span.pages {

    display:none;
    }

    .wp-pagenavi span.current {
        text-decoration: none;
        background:#333 !important;
        border: 1px solid #444!important;
        color:#fff !important;
        padding:3px 7px !important;
        display: block;
        text-align: center;
        float: left;
        margin-right: 4px;

    }

    .wp-pagenavi span.extend {

        text-decoration: none;
        background:#333 !important;
        border: 1px solid #444 !important;
        color:#fff !important;
        padding:3px 7px !important;
        display: block;
        text-align: center;
        float: left;
        margin-right: 4px;

    }   
    /* 404  */

    .ntitle h2{
        color:#fff;
        font-size:60px!important;
        text-shadow:2px 2px 5px #000;
        text-align:center;
        margin-top:60px;
    }

    .nentry{
        color:#fff;
        text-align:center;
        font-size:24px;
        text-shadow:2px 2px 5px #000;   
        font-family:BebasNeueRegular,Arial, verdana,Century gothic, sans-serif; 
        margin-bottom:40px;
    }

    #usearch{
        width:400px;
        margin:30px auto;
        margin-bottom:50px;
        background:#222;
        border:1px solid #333;
        padding:5px 10px;
    }

    #seform{
        background:transparent;
        border:none;
        width:340px;
        color:#ddd;
    }

    #sebut{
        background:transparent;
        border:none;
        color:#fff;
    }


    /* Portfolio */
    .porthov{
        position:relative;
    }
    span.overlay{
        position:absolute;
        left:50%;
        top:50%;
        margin-top:-16px;
        margin-left:-16px;
        width:32px;
        height:32px;
        background:url(images/zoom.png);

        display:none;
    }
    .portimg1{
        margin-top:10px;
    }

    .port2{
        width:330px;
        float:left;
        clear:left;
    }

    .port2l{
        float:right;
        clear:right;
    }

    .port3{
        width:220px;
        float:left;
        margin-right:20px;

    }

    .port3l{
        float:right;
        margin-right:0px;
    }

    .ptitle{
        margin: 0px 0px;
        padding: 5px 0px;
        }       

    .ptitle  h2 {
        margin: 0px 0px;
        padding: 0px 0px 5px 0px ;
        font-size: 14px;
        font-family:'UbuntuMedium';
        font-weight:normal;
        text-transform:uppercase;

        }

    .ptitle  h2 a, .ptitle  h2 a:link, .ptitle  h2 a:visited  {
        color:#eee;
        background-color: transparent;
        }

    .ptitle  h2 a:hover  {
        color: #fff;
        background-color: transparent;
        }   

So I looked on my iPhone and just to clarify, the edges of your background-image don't display, yes?

From my initial observation it has something do with the size of your background. Your width exceeds your height, which is most likely causing this issue.

It does display fine on the homepage only.However does not when clicking on a link(going to a different page). It seems that the image shrinks, the image is not displayed full screen when navigating to other pages.

I did see it made some changes in the CSS but not outcomes.

The fact that the background displays fine on the homepage but not on the other page is quite weird to me...

For mobile compatibility, why don't you adjust your css by using percentages rather than using pixels?

Also, you didn't have to paste in over 1000 lines of css.

Hellow,
......For mobile compatibility, you should adjust your css by using percentages rather than using pixels............

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.