Add Parallax effect to an image

Keep your background fixed as the rest of your page scrolls. This is also know as the Parallax effect.

Add Parallax effect to an image

  1. Select an image to be used with the Parallax Effect.
  2. Go to the “Image” tab in the Editing Menu.
  3. In the section Image display options and choose Expand to fit. This will convert the image to a background image, a prerequisite for the Parallax effect.
  4. Scroll down in the Editing menu and select "Parallax effect". 
  5. Click "Save" and "View Live" to see the Parallax Effect in action.


Add Parallax effect to Section Background image

  1. First set a Section Background image.
  2. Click "Section" in the upper left corner of the Section.
  3. Select Background Image from Section tab the Editing menu
  4. Scroll to the Parallax effect control.  
  5. Toggle Parallax effect control on.
  6. Click "Save" and "View Live" to see the Parallax Effect in action.


You can also adjust the position of the image within Parallax Effect with the "Position" control.


Add Parallax effect to a Column Background image

  1. First set a Column Background image.
  2. Click "Column" in the upper right corner of the Column.
  3. Click Background image from Column tab in the Editing Menu.
  4. Scroll to the Parallax effect control.  
  5. Toggle on Parallax effect. 
  6. Click "Save" and "View Live" to see the Parallax Effect in action.


Mobile operating systems and devices do not support parallax effect.  The Parallax effect will only be displayed on traditional computers and browsers.

User Icon

Thank you for your feedback!

Was this article helpful?
Thank you for your feedback!