‫What's up, guys, and welcome back.
‫So in this video, we're going to be working up with a new design technique that most of the Web sites
‫use, and they use it right here.
‫So you can see when we go down, this Dubai is also moving above.
‫This section is also moving above.
‫And then this section comes.
‫But what we want to do is that we want to make sure that the user should see that this section is right
‫here still.
‫And then on the top of that, this section is coming right here.
‫So we want to give that effect.
‫Now, stay tuned to me in this video and you're going to see what I'm talking about.
‫So, first of all, what I want you to do, I want you guys to go to the header right here.
‫Click, edit, edit, with elementor here and make sure to just click on it.
‫And this main section that is basically holding the full header.
‫You have to go to the advanced and make sure to set the Z index here in the advanced to ten.
‫Okay.
‫And now once you're done with that, all you have to do is to now go back to your home page.
‫Now, what you have to do is to start editing your homepage.
‫So what you have to do, you have to basically click on edit page and then you have to click edit elementor
‫so that you're taken there.
‫Okay.
‫And now what you have to do is that you have to see that on what's on which stuff.
‫You have to basically work with the animation of it, the basically that thing like when we go down,
‫this should be fixed.
‫And then this should be coming on top of it.
‫So let's just go it on.
‫Let's work with it.
‫So we want to add that on this section.
‫We want to add that on this section.
‫And we want to add that on this section and that's all.
‫So now what you have to do is to basically first select this section and then you have to click added
‫section.
‫And now you have to go down.
‫And then you have to set this to basically one.
‫Okay.
‫You have to set this to one.
‫Then when you are done with that, all you have to do is to select the next section and then go to the
‫advance and then said this too two so that this should be below.
‫And then this should be on top of it.
‫Okay.
‫And then what you have to do is to just said this section and just click edit on this and then you have
‫to go to the advance and you have to set this two, three so that this should come on top of it.
‫Now what you have to do is to just click on this section right here and now you have to go to the emotion
‫effects and you have to said this too sticky on top.
‫Okay.
‫So I'm like this.
‫You have to click the news the next section and you can see how this effect is working.
‫We go there.
‫It's fixed.
‫Then this new section coming and this Dubai is fixed.
‫So so how how great effect is it looking?
‫Right.
‫So we have to add this to this section as well.
‫Like you can see this.
‫Abu Dhabi is going above.
‫Now you have to select this section and you have to even change this to sticky on top.
‫And now when you go down, you can see it's kind of fixed.
‫And then this new section will come from downwards.
‫Okay.
‫Like that.
‫And now you have to change this to basically motion effects.
‫And you have to make this to be as sticky as as as as will, because it should be also in the top.
‫Okay.
‫And now you have to go above and you can see it's fixed.
‫And here our page gets ended.
‫Okay.
‫So this is how it's looking.
‫And now you're going to hit a plate.
‫Now, what you have to do is to just click on it and then you have to basically come up right here.
‫And you can see we go down.
‫We go down.
‫Every section is moving.
‫But when we go when we reach this particular position, it's going to go above.
‫And now it's going to be fixed.
‫Okay.
‫Here and now, a new section just comes from the bottom.
‫And this is how it's it's giving this particular effect.
‫You can see how cool is it working.
‫So then we've got this.
‫And then a new section is coming on top of it.
‫And then we go down.
‫We go down.
‫And here it does.
‫And now between here is the footer.
‫So you can see this is the footer being implemented.
‫But you're not able to see it because it's it's behind that base.
‫So what you have to do, you have to go to the footer right here.
‫You have to click elementor footer area to be taken to the first page.
‫Now you have to select this particular one and you have to make sure that you add four or more than four
‫to that.
‫And the reason for that is because basically we have stopped at three there on our main page.
‫So if you take a look at these sites, four right here, you go down, you can see this was the first
‫Z index.
‫This was the second.
‫So that it comes on top.
‫This was the third that it comes on top.
‫And now we have three layers.
‫OK, the first layers, this the second layer is this.
‫And the tree layer is this.
‫And then what you have to do is to just make this the fourth layer.
‫So you're going to add four.
‫And you're going to hit update.
‫And now what you can do is that you can come up here and you can see here you're getting the footer right
‫here.
‫And once you update the page and then you come up here and then you refresh this page, you will see
‫it.
‫It will be top definitely.
‫And again, see how how is it coming basically on top of it.
‫So now we also have to make this one.
‫The footer down below.
‫Also the four, because that's going downward.
‫So you have to basically select this section two and then you have to go to the advance and you have
‫to make this.
‫Four.
‫And then you have to hit update and now when you will come down here and you will see that this this
‫will be basically on the top of that, basically beneath the here.
‫You can see how is it working.
‫So congratulations, guys.
‫Now, we are totally done with this homepage as well.
‫And so in the next video, we will be talking about more stuff.
‫Stay tuned.
‫And babye.