Parallax issue in Pro

[Thiswonderfullife]

Hi there!
I want to have the background image of my section 1 fixed so that the rest of the page is scrolling over it. I turned on advanced options and set the parallax to On, but nothing happens, it stays exactly the same. This is an example of what I want to achieve - what am I doing wrong?

https://www.w3schools.com/howto/tryhow_css_parallax_demo.htm

Thank you!
Vivien

[ruenel]

Hello Vivien,

Thanks for writing in!

The example URL is only using the background-attachment: fixed; property. Please disable the Parallax option in the section setting’s background option and then find the “Customize” tab. Insert this inline element CSS instead:

$el .x-bg > div {
  background-attachment: fixed;
}

This trick will only work if your section is a big as your browser window. It might not look good if you have smaller section heights. See the example on the page.

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Best Regards.

[Thiswonderfullife]

Hello,
thanks for clarifying. So how do I create a parallax effect that is working also on a mobile device?

Thanks
Vivien

[marc_a]

Hi Vivien,

To create parallax effects on mobile will require customization. Regretfully, customization is outside the scope of our theme support. You may seek 3rd party developers to help you with your problems or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps and thank you for understanding.