CODEWITHSUNDEEP
cssimagemobile
user2585548
user2585548

Reputation: 245

I have a background image that wont display in MOBILE even tho it displays on DESKTOP

i navigated to the location of my mobile site while on my desktop. (ex. www.mysite.com/m/index.html). On my desktop the image appears exactly the way i want it to, on mobile it does not show at all. Can anyone here tell me the possibilities of why that might happen? Here is the css associated with the image.

#mlogo {
    background-image: url(/m/mobileimages/mobilelogo.jpg);
    background-size: 100% 100%;
    background-position:top;
    position: relative;
    width:100%;
    height:171px;
    text-align:center;

}

ive tried on a galaxy 4 and an iphone 6 .... neither displayed the image.

Upvotes: 0

Views: 49

Answers (2)

user2585548
user2585548

Reputation: 245

My server was autofilling the link address since i used short hand in my coding. the code was incorrect because of this. if you ever run into this problem. use Divyanks method to check the link. if the link is invalid you must manually enter the correct link to your image (starting with http:// and so on) to avoid the server auto filling the link address incorrectly.

Upvotes: 0

Divyank
Divyank

Reputation: 788

try to check source code of your page goto view-source:www.mysite.com/m/index.html on your phone browser, if its displaying your source code correctly then try to navigate to your image url

Upvotes: 2

Related Questions