VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » IT, programs, coding
How to Add a Parallax Effect to Your Hero Section in Elementor - Sites on WordPress

How to Add a Parallax Effect to Your Hero Section in Elementor - Sites on WordPress

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
we-ll add a 3d parallax effect to our hero section on our WordPress website using Elementor. You'll learn how to: Layer images on top of one another Use vertical scroll on text Set fixed position to a section background
Date: 2022-04-30

Comments and reviews: 10


Hi, I manage to do the 1st section, but when I want to add 2nd section after follow all your tutorial, it somehow not working as in the video. In your tutorial, the last image that you insert in the 2nd section, the last image (15.png) if I'm not mistaken, when I try to do the same, my 2nd section not appear the same as yours. It somehow part of the image in first section go out of boundary from the 1st section. Can you help me to figure out this? Other than that, your tutorial is awesome.
Thank you in advance.

reply

I'm sorry to say that it's impossible to follow your tutorial, you move way too fast and don't explain many of the things that may be obvious to you, but not to many of us! I've followed one by one your indications and since the beginning your numbers do not have the same effect on my elementor, and I bought the pro version! After 3 hours sitting and trying to create a parallax, I give up totally deceived!!! If the 2020 version does not work with your 2019 settings, please warn before the video!
reply

Thats a great tutorial, but im having a problem with elementor while creating my website. I have the free version of elementor and but when i go to the advanced setting of any layer then to motion effects there is no scrolling effect option present. Is that because this effect is not available in free version or whts the matter i cant figure out really. In the motion effect there is only one option of enterence animation and thats it. It would be great help if you can let me know. Thanks!
reply

Hi thank you for this beautiful tutorial.
I was wondering why my Hero Element is in a fixed position above in the header section (I've activated positioning and VW) and does not stand inside of the choosen background section or at least does not disappears behind other sections.... (I've actived also Z-Index). Maybe i do miss something.
The other argument would be the mobile environment, as the parallax effect there isn't working at all...

reply

There are some complainers here, concerning how much you cover, how little you explain the settings and how fast you move. Not me.. All I want in a tutorial is all the perimeter settings and in under 5 minutes! I can experiment and figure out what everything does on my own. I really appreciate you; thank you. :)
reply

This is a great starting guide but i feel you missed a few important things here that i think you need to address 1. Height of the secion, Min height, full etc 2. Colum position 3.vertical align position 4. z-index of the second section 5.Do the PNGs need to be exactly the same dimensions or cropped to artwork
reply

Hi, i want make first page(my domain) just some words and background and -input email- field button, and then costumer can go to my shop page. how to do that, without input email first they cannot go to my shop page. just input email , no need create username or password.
reply

I have no Custom Position option and I'm using the Pro Version. Did they get rid of it? I have an option to turn parallax on, but nothing happens. Frustrating. Wix does this easily and has since 2000. Why can't Elementor figure this out?
reply

Guys please! From beggining to the end. Stop talking like robots. We are human and we need help for the Elementor :) You guys talking always like spelling. Please talk just normal :D This is User Experience I guess
reply

I have a quick question. I'm at 1:09 and im not sure why my image will not fully expand when I click on -FULL- image size. My image is the same exact dimensions as in the video. What am I doing wrong?
reply
Add a review, comment






Other channel videos