I am using a Muse template for a wedding, and it fills rectangles with images for the background. It also has a parallax feature for those images. The site works great on android and computers, but does not show the images on iPhones or iPads. It just shows a blank gray image. How do I fix this? I understand some people delete the rectangle and just place the image, but then I can't have the parallax scroll effect on the image. Is there a way to fix the rectangle problem? And why just on iPhone?
Also I have tried different web browsers on my phone, Chrome app and Safari same result.
Here is the site Matt & Kelli
If you replace the grey rectangles by images this should not change the parallax effect, as the images just scroll with the same speed as the content, right?
I cannot check iPhone (lack of iPhone).
I see huge images/grey rectangle son mobile, though. If you want to see all three of them together think of a better size.
Thanks, I was looking at the wrong scrolling effect on the images, that was my bad.
Can you please elaborate on a better size? Are you saying I can use a rectangle (and image will show on mobile) if I had a better size image? As in bigger or as in smaller? I would like to use the rectangle, and fill the image. If that is the best way to build the site. What is the best or most idiomatic way to add a background image?
Again thanks for the answer.