How to Make Fixed Parallax Backgrounds in Elementor | WpBuilt 1350206722971493323
How to Make Fixed Parallax Backgrounds in Elementor

How to Make Fixed Parallax Backgrounds in Elementor

Fixed backgrounds, also known as parallax scrolling backgrounds, is a website trend that we can say as old as the Internet. Most websites have used it at least once. It’s so rooted deep within the web design norm that even the Elementor team has included it on the Elementor Page Builder.

So, how do we do fixed and parallax backgrounds in Elementor?

Step 1: Create a new section. Skip this section if you want to apply this on an existing background or section.


Step 2: On the sidebar, go to the “Style” tab.


Step 3: Choose your background image if you still haven’t.


Step 4: Scroll a bit down and look for the “Attachment” drop-down and choose “fixed”.


That’s basically it!

Step 5: However, if you want to change the height and make it responsive, on the “Layout” tab and on the height drop-down, select “fit-to-screen”.


Thanks for Reaching This Far!:)

I hope we were able to help you with this tutorial! You can also try to install the Elementor Pro Version and get access to more Elementor templates for free!

Get Elementor Pro Now

If you have more concerns or have encountered other issues, let us know in the comments section!

This Post Has 3 Comments

  1. I haver follow your tutorial on how to make the background on my home page image fixed but for some reason is not working. Any suggestions? Thank you!

    1. Same for me as well. It works while I’m in Elementor mode, but it doesn’t work when I’m viewing my website.

  2. It´s not working on my mobile devices : ( What can I do to make it responsive?

Leave a Reply