Is there a way to make page background static

I am sure it must be under my nose, but I can’t find it so can someone tell me how I can have an image as the page background, but that image remains static, i.e. when the user scrolls down or up everything on the page scrolls apart from the background image.

The way I do it is by clicking the ‘Apply parrallax effect’ and then turn the speed to zero. This works on Desktop but not mobile

1 Like

Or you can use CSS for resolving this problem, this article maybe help you https://css-tricks.com/perfect-full-page-background-image/

1 Like

You can also use a fixed floating group set to “beneath the page”.
Ex: https://my-awesome-app.bubbleapps.io/version-test/fixed_background

1 Like

The fixed floating group option worked perfectly and it looks so much better now than it did when the image was scrolling.

Massive thanks @akieffer and also to @Kirill and @cmorris too for two excellent alternatives.

1 Like

@akieffer One quick question. Is there a way to keep the who image in perspective so that bits of it (i.e. to the left and right) don’t disappear as the browser is right.

For example here are two screengrabs of the url you posted. Is there a way to keep it the same horizontally as it is resized.

This topic was automatically closed after 70 days. New replies are no longer allowed.