Fixed background image position on parallax effect

Support
#1

Hi, I have seen couple of questions related to mine but unfortunately I didn’t see any solution.

I want the background image to not move when scrolling.

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

thank you

#2

Hi,

Please see screenshot below

#3

that is already set. FYI the lower layer size is 100% because I don’t want to zoom out the bg image.

did you check the sample website? the background image should not be moving.

This is the same case you just answered other people asking about this question.

thanks

#4

Hi there,

Please kindly go to the 3rd section options by clicking on the magnifying glass icon of the 3rd section and click on the Customize tab at the top right section of the options and add the fixedbg class to the class input box.

Then go to X > Launch > Options > CSS and add teh code below:

.fixedbg .x-bg-layer-lower-image {background-attachment: fixed;}

You do not need Parallax functionality for this.

Thank you.

1 Like
#5

hey thanks! that is the solution I’m looking for! :slight_smile:

#6

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.