This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| - | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | - |
| - | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | - |
Supporter timezone: Asia/Hong_Kong (GMT+08:00)
This topic contains 4 replies, has 2 voices.
Last updated by matthiasK-3 1 year, 4 months ago.
Assisted by: Luo Yang.
For a portfolio page I define a container with a backgroung image (dynamic source) with the size "Cover", horizontal position "Center" and "fixed position". So far so fine for a desktop browser, see e.g. hidden link. It also looks fine when simulating mobile devices with a desktop browser, see attached screenshot Chrome Windows 10.
However with a real mobile device like iPhone 13 mini it looks very odd: It shows only a small part of the center image and the backgroud image is not fixed any more. Attached are screenshots from Safari, Chrome, and DuckDuckGo.
What can I do to get the background image as cover and in fixed position also for mobile devices?
Is there a similar example that we can see? All portfolios at our webpage are showing the same behaviour.
What is the link to your site? hidden link
Hello,
I have tried the URLs you mentioned above with my android phone, it works fine, see my screenshot android.JPG
It seems the problem only occurs in IOS device, I have searched it in Google, and found some related threads, for example:
https://stackoverflow.com/questions/24154666/background-size-cover-not-working-on-ios#answers-header
can you try the CSS solution of above thread?
