I have a website (www.ijscomanvenlo.nl) that has a hero image in its first row (The ice cream cones). It is implemented as the background image of the row.
On the Android phone of my wife, the image is scaled to the width of the screen and looks like I want.
But on my iPhone 8, the image is not scaled down : https://prnt.sc/rLS1m1hHPmnI
Am I doing something wrong? Or is this a bug?
Hubert
In your case add following Custom CSS
.sp-page-builder .page-content section.sppb-section {
background-attachment: scroll !important; }you can use it inside that Page in Custom CSS or in general in Template Options > Custom Code > Custoom CSS.
2nd idea is to create separate Row/section for Mobile only, with different settings and smaller img.
Hoi Hubert
explanation is very simple, and this same problem have webmasters using all possible CMS and Page Builders.
Safari browser from iPhones 1-12 still DO NOT understand what to do with background-size: cover and background-attachmend: fixed and display what you have seen. Yes, Apple Bug! or Feature as they say.
Yes, there is a fix for that.
Clear. Thnx.