Tagged: background image, fixed, scroll
Hello! I have set a background image to the body of my site, aligned to the top & center, no repeat and set as fixed. It works great on my desktop, but on my iPhone the background image cuts off, as if it were set to scroll instead of fixed. Can you help get the mobile version working like the desktop version? Thanks in advance for your help!
Hi 1lizcollins!
Thank you for using Enfold.
The background should not be visible on iPhone or any other mobile device with the same screen size because the content or body width is set to 100% which will cover the background image. On iPad the background is fixed.
Best regards,
Ismael
I should clarify – I followed the instructions in this post because I want the background to show in all sized devices So the content is scaled to 90% but the background is not fixed. I think the screen shot I originally attached captures the issue well. Can you tell me how to make the mobile background appear fixed? Thank you!
Hey!
Try adding this code to the Quick CSS:
html.html_boxed.avia_mobile {
background-repeat: repeat;
}
Cheers!
Josue