Everything on my website works fine, except the main home page image (a background full parallax section) doesn’t show up on mobile devices. I thought it might be because it is a large file size, but there is another image on my homepage that is an even bigger file size and that one loads just fine. I also uploaded a super compressed version to test if that worked on mobile and that didn’t work either. There is just a white space where the picture should be, but everything else on the home page comes up. It also works fine on iPad, so I’m just not sure if there is something I can fix in the coding or anything to get it to work on mobile?
Thanks for taking a look!
I’m attaching three screenshots of the picture that’s not working on mobile. One is from a computer, one is from and ipad (both of those work fine), and one is from mobile (and you can see it’s just white space and not a picture). I tried my site on Safari and Chrome on mobile and it didn’t show up on either.
It seems this is happening because the background image that you have set to parallax section http://www.carlysnowdon.com/wp-content/uploads/2016/08/HOME-PAGE.jpg is very much large in size having width 3564px and height 2293px which takes time to load causing this issue.
To resolve the issue try making width of it maximum 1568px and half the height of it.
I’m very grateful for your help. Have a good day!