Background image does not show up on iPhone

Hi Jim-

Thanks for reaching out, and thanks for using the Crio WordPress theme for business.

iOS Safari doesn’t have support for backgrounds that are both background-attachment: fixed and background-size: cover. Compare these two screenshots of the site, first on an Android device:

And on an iPhone:

In your case, here’s how I’d fix it.

First, the extra space you’ve added to the top and bottom of the image makes it a little tough to get it to look right everywhere. You mentioned you added that deliberately to make it look better on desktops. May I ask what was going on before you added those?

Second, you can add a small snippet of CSS in your Customize > CSS/JS Editor to use scroll instead of fixed for iOS devices:

@supports ( -webkit-touch-callout : none) {
	.background-fixed {
		background-attachment: scroll !important;
	}
}