Parallax Pro – mobile images

[amandathewebdev]

Hello there,

I am using the theme Parallax Pro, and I'm having trouble. The background image of my div doesn't show on mobile, specifically on my iPhone 4. I figured it was because the background image is fixed, so I switched it to background-attachment: inherit in a media query, but that didn't fix it. The image doesn't show at all.

#masthead {
    background-attachment: fixed;
    background-image: url("/wp-content/themes/parallax-pro/images/caring_heart_rehab_bristolpa.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 750px;
    text-align: center;
    width: 100%;
}
@media only screen and (max-width: 480px) {
	#masthead {
		height:480px;
		background-attachment: inherit;
	}
}

http://caringheart.staging.wpengine.com/

[nutsandbolts]

Your image loads for me on an iPhone 6 in both Chrome and Safari - were you able to get this resolved?

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[amandathewebdev]

Thank you for looking! No, I have an iPhone 4s and this is what I'm seeing: http://caringheart.staging.wpengine.com/wp-content/themes/parallax-pro/images/photo.PNG

[Author]

Posts