How to Make Fixed Parallax Backgrounds in Elementor | Elementor Resources 1261184322971373023
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.

fixed_bg_tutorial_1

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

fixed_bg_tutorial_2

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

fixed_bg_tutorial_3

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

fixed_bg_tutorial_4

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”.

fixed_bg_tutorial_5

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 One Comment

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

Leave a Reply

×
×

Cart