Hello Kriesi – I understand this question has been asked a lot, and at this point I am opening this to see if I can get the latest answer.
I need a fixed background image on my page and the page text scrolling across.
This must work for Desktop AND Mobile.
I use a color section, set the background Image and set it to fixed, center-center, stretched. This works fine on Desktop.
Even If I add another color section that should show on mobiles and set the image smaller, it always stretches on the mobile to a size that’s much much bigger than the mobile size.
I am sure there is an easy solution at this point.
Can you please help?
Hello –
I managed to set it up in the following 2 Links (see below, private) and they work on every Phone except Iphone. Here a loooot of people have Iphone, can you please help me set it up, so the background scales correctly on Responsive on IPhone?
THANK YOU!!
Hi,
Thanks for the update. First off, could you try updating the theme to the latest version (4.7.6.3) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.
Best regards,
Rikard
Hello Rikard,
I am already updated to the latest version.
Here is the Link: https://liquid-love.ch/home-temp-6/
It displays correctly everywhere, except IPhone.
Can you help?
THANK YOU very much!
Hello Rikard,
I have finalized now how to do it. IPhone will always scale the image to the size of the entire page. I have had to solve it by making a landing page that is only one screensize big, then it works for Iphone as well.
If you have some code that will allow to control the scaling (scale to fit) of a background image for Iphone as well, do please let me know
THANK YOU very much!