How to Make Fixed Parallax Backgrounds in Elementor - WpBuilt 1350476922971664823
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. Barak

    but this one is not working on mobile or on Ipad pro

  2. Ann

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

  3. Samira

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

Leave a Reply