section background bug on apple devices

Hi there!

Thanks for reaching out.

I checked and noticed that the section background attachment is set to Fixed. This is most likely the reason why the background image looks different on Apple devices.

iOS Safari handles background-attachment: fixed differently compared to other browsers, especially when used together with background-size: cover. Because of this, the image may appear zoomed, cropped, or incorrectly positioned.

Please try changing the background attachment option from Fixed to Scroll and check the result.

If you want to keep the fixed background effect on desktop, you can disable it only for mobile devices by adding this CSS:

@media (max-width: 768px) {
    .your-section-class {
        background-attachment: scroll !important;
    }
}

Please replace .your-section-class with your actual SP Page Builder section class/ID.

This will keep the fixed background effect on larger screens while avoiding the iOS rendering issue.

Best regards,