- This topic has 9 replies, 2 voices, and was last updated 4 years, 6 months ago by
.
Hi,
I would like to have the Page Background Image stay in Place and not scroll with the content. How can I achieve that?
Best regards.
Solution for this topic
Hi @MMilesMM,
I hope you are well today and thank you for your question.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
html body { background-attachment: fixed; }Best regards,
Shufflehound teamThank You very much. That fixed it! Have a good day.
You are most welcome here 🙂
Ok one more question regarding the topic. The image now stays still but when viewed on a tablet it does not. Did I miss anything?
I visited your website but didn’t see the issue.
Could you please share the screenshot of the issue and also try clearing your browser cache?
Sure, so in the attachment you’ll find two screenshots. One is taken from a Desktop computer and the other one from an iPad. On the one from the Computer the background is correct and wont move with the page. On the one from the iPad the background still gets stretched out and will scroll with the page. Like it is without the code you gave to enter into custom css field.
Could you please try using a different browser?
Also, could you please just temporarily use the Twenty Twenty theme on your site and check whether everything works fine.
So I figured it out. You cant have a parallax effect on mobile devices as it seems. Probably because of the performance hit.
Awesome great to see you got that figured out.
Please advise if you have more questions.
Have a fantastic day!
