I built a slider on the homepage with a background for all slides, using slidersettings > appearance. The layout is set at 'responsive'. On an iMac everything works well; the whole slider adjusts when browserwindow is diminished. However, on a tablet (ipadPro / horizontal position) everything adjusts well (text, overlay images) except the background. This doesn't scale. How can I make this work?
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
At the same section where you added the global slide background, you will see the Background size option. You can use that to adjust the behavior of the slide backgrounds. Leaving it at auto means that the original image will be kept, regardless of the aspect ratio changes and so on. But if you choose the other values (cover/stretch/contain) it will always match the slider. I'd recommend trying those values out, to see what fits your needs best.
The background is set to 'cover', not 'auto'. It scales perfect on an iMac. See: www.zoemnijmegen.nl. However, it doesn't do this on an iPad pro. Sea attached screenshot. It shows a strange blurred image; I can't even make up which part of the image is shown.
Thank you for your patience. It seems like the problem is with the fixed background. iOS does not support it (not just in the slider, but on any HTML page) the way other browsers do, thus the issue.
We will look into this to see if we can implement a workaround for it, but currently we'd recommend to use another approach instead.
That isn't exactly the issue; iOS does support it on iMac. It doesn't however on apple tablet – or just not on iPad Pro (I only have a Pro). I'll see if anyone else on the internet knows a workaround. I wouldn't know how else I could make tis slider work, other then maybe using another kind of slider. Thanks anyway.
I built a slider on the homepage with a background for all slides, using slidersettings > appearance. The layout is set at 'responsive'. On an iMac everything works well; the whole slider adjusts when browserwindow is diminished. However, on a tablet (ipadPro / horizontal position) everything adjusts well (text, overlay images) except the background. This doesn't scale. How can I make this work?
Hello Janeklein1960,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
At the same section where you added the global slide background, you will see the Background size option. You can use that to adjust the behavior of the slide backgrounds. Leaving it at auto means that the original image will be kept, regardless of the aspect ratio changes and so on. But if you choose the other values (cover/stretch/contain) it will always match the slider. I'd recommend trying those values out, to see what fits your needs best.
Hello Atilla,
The background is set to 'cover', not 'auto'. It scales perfect on an iMac. See: www.zoemnijmegen.nl.
However, it doesn't do this on an iPad pro. Sea attached screenshot. It shows a strange blurred image; I can't even make up which part of the image is shown.
Thank you for the feedback. My colleagues and I will look into this to see what we can find, and get back to you shortly.
Thank you for your patience. It seems like the problem is with the fixed background. iOS does not support it (not just in the slider, but on any HTML page) the way other browsers do, thus the issue.
We will look into this to see if we can implement a workaround for it, but currently we'd recommend to use another approach instead.
That isn't exactly the issue; iOS does support it on iMac.
It doesn't however on apple tablet – or just not on iPad Pro (I only have a Pro).
I'll see if anyone else on the internet knows a workaround.
I wouldn't know how else I could make tis slider work, other then maybe using another kind of slider.
Thanks anyway.