The Issue

If you've added a parallax or fixed background image to your enrollment page and it's not appearing on iPhones or iPads, you're not alone. This is a known limitation of iOS Safari that affects parallax effects across all web platforms.

Why This Happens

iOS Safari blocks the Javascript animations required for parallax and fixed background effects. This is an Apple browser limitation, not an Enrollio issue.

The good news: parallax backgrounds work perfectly on Android phones, tablets, Chromebooks, and Windows devices.

The Solution

Create a mobile-specific version of your section without the parallax effect. Here's how:

  1. Build your section with the parallax background for desktop viewers
  2. Create a duplicate section for mobile with a standard (non-parallax) background image
  3. Set desktop visibility on the parallax section and mobile visibility on the standard section

[SCREENSHOT: Page builder showing a section with desktop/mobile visibility toggles]

Pro Tip: Use the same image for both versions — just change the background type from "Fixed" or "Parallax" to "Cover" or "Contain" for the mobile section. This keeps your branding consistent across all devices.

How to Set Section Visibility

When editing your enrollment page:

  1. Click on the section you want to control
  2. Look for the visibility settings in the section properties
  3. Toggle between desktop-only and mobile-only display options

[SCREENSHOT: Section settings panel showing visibility controls for desktop and mobile]

Need More Help?

This is a widespread iOS limitation that affects many platforms. If you're looking for additional workarounds or creative solutions, searching "parallax image not showing on iPhone" will surface community discussions and alternative approaches.