Search code examples
iphonecsswordpressbackgroundfooter

Footer background isnt showing on iphone

I've got a footer background on this site www.vostip.mk This is the code

div#omc-inner-footer {
 display: block;
 margin: auto;
 width: 950px;
 padding: 40px 40px 0px 40px;
 background: url("http://vostip.mk/wp/wp-content/uploads/footerbg.jpg") no-repeat;  
}

The background is showing up on PC but not on iphone

Solution

  • This is because you have added the above styles to the style_1024.css file which is only applied to PC version of the site(not the iphone version)

    @media only screen and (min-width: 1024px) { ... }

    For iPhone, you need to add the background styles to the respective stylesheet.

    Hope that helps.