Create parallax background scrollable option

I am looking at specifying the scrolling to -100% for Parallax, so that the background stays, as given in the following example for the 1st image. As given in the following example:
https://www.w3schools.com/howto/tryhow_css_parallax_demo.htm

The background image doesn't stay as the above example , unlike when a parallax region is created via Upfront. Any CSS to fix this?

  • Predrag Dubajic
    • Support

    Hi Alex,

    Hope you're doing well today.

    I'm afraid that achieving exact behaviour like that is not possible with Upfront due to how the regions are working.

    Closest thing to do would be to first set your main background image from Theme Settings > Misc > Global BG:

    After that you can add new regions with transparent background, in order to show main background and then add some regions with Parallax background.

    The final result will look something like this:
    https://monosnap.com/file/mdtpnlXGWQ0kGy2wqTlTzZg4MU0cyH

    Would this do the trick for you?

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.