‫Hey, what's going on, guy?
‫and welcome back.
‫So in this video, we will be working up a mobile optimization and the tablet optimization for the about
‫air speed.
‫So let's go and let's get started.
‫All you have to do is to go to the edited elementor.
‫And then what you have to do is to switch to the mobile device that every thing that we will be doing
‫will be switched for the mobile device.
‫So first of all, we have to make sure that we change this heading and we make basically resize it a
‫bit.
‫So we're going to have to keep it this one size and the same with this.
‫So we're going to have to keep it like so.
‫And then what you have to do is to click over here and set the minimum height for the mobile device
‫to be of this much size.
‫Okay.
‫And if you click over here, you can see this is out will look like.
‫Now, we've got so much spacing for here.
‫So, well, you have to do is to click here.
‫And then we have to go to the advance and then set the margin to actually 10 pixels, which is gonna
‫be fine.
‫Let's see.
‫I think it should be more than that.
‫So we're going to keep it 30.
‫Okay.
‫And now we have to work with this headings.
‫So we have to come up here and then we have to go to these style.
‫And then we have to decrease the size of it a bit.
‫Same goes with this side.
‫So we have to come up here.
‫We have to go to the advance and then we have to apply the padding.
‫So we're going to apply the padding from basically the left side.
‫That's going to be 20 pixels.
‫And it's perfect.
‫Then we've got this.
‫So this thing is already good, but what you can do is you can come up here and then you can go to the
‫advance and then you can apply the padding to be 35 from here so that it's much like better.
‫Kaseem Like this.
‫We're going to do the same thing with here.
‫We're going to apply the padding to be 35.
‫Here now let's go down and we've got this thing, the quotations.
‫So we have to make it a line much better.
‫So I think this is much better, kinda.
‫So, I mean, I also work with the line height a bit and keep it one point four.
‫OK, and now what you can do is that you can work with the height of this.
‫So what you can do is that you can really be the minimum height and set it to this much.
‫OK.
‫And I watch we have to do is to make sure that we also work with the margin for this.
‫We're going to keep it 20.
‫That's perfect.
‫or just keep it 40.
‫Now we have this so work hard in all fields so you can keep it like so.
‫This is perfect.
‫Everything seems to be perfect here.
‫And I don't think so if you need to change some things, here is definitely we have to change.
‫Let's switch to actually the desktop device.
‫Let's see, what the hell is this?
‫OK, so this is actually distinct.
‫Now, how this is looking at a mobile device.
‫If you click over here and then you go down, you can see this is how it's looking.
‫So for that, while we have to do is to click here.
‫We have to apply the padding to be zero.
‫And once you have lady padding to be zero, everything just comes right in place.
‫Remember, we are working everything for the mobile device, so you don't have to worry what is going
‫to happen with the desktop.
‫And then what you can do is a you can click here and then you can go to these style and then you can
‫work with the sizing and let's basically get rid of this screen and keep it zero pixel.
‫Okay.
‫And this is perfect.
‫Now, what we have to do is to basically.
‫Just come here.
‫Click here and work with the padding so you can see that we need to give some padding from the left
‫and right tight, so all we have to do is to uncheck this.
‫And then.
‫Right, should be 50.
‫Not 50.
‫It can be 20.
‫And this can be 20 as well.
‫So now it's just like much better.
‫OK.
‫Or you can keep it 10 and 10 from both the sides.
‫And what you can do is that you can click away.
‫This thing, he can go to the advance and then you can apply the padding from the top.
‫That is going to be 30.
‫And I think 30 from every side kind of look cool.
‫So we're going to keep it 30 from every site.
‫OK.
‫And now let's go down and let's work with this thing.
‫Let's go to the question and answers.
‫Let's go to the advance and let's select the margin to zero.
‫So we have got it right here.
‫So I think I'm gonna keep the margin from the top to be.
‫30.
‫And this is perfect.
‫An alleged work with this heading.
‫And this thing should be in one single line now.
‫So I don't think so.
‫We need to change these stuff.
‫So these are perfectly OK.
‫And now let's go down let's click here and let's see how everything works.
‫So everything looks kind of good.
‫Now, what you can do is that you can swift switch to basically the tablet mode.
‫So here we are in say we have got this about us.
‫Perfect.
‫This is right here.
‫We need to make this.
‫At 45, we need to make this at 55.
‫We need to basically click here, go to the typography and and do it like this.
‫Why we are the best.
‫So my guess we can click here and we can go to these style and 40 column gap.
‫Oh, sorry for the column.
‫We're going to keep it one single column because we need it like this for the tablet.
‫So now we are done with this.
‫Now, let's come up here and let's work with this thing.
‫We have to basically give some padding here.
‫And the padding that we will be working is to come up here, just add 22.
‫And let's see.
‫And for the top, we will be actually making it.
‫Thirty five.
‫And the bottom is going to be 35 to.
‫And let's go ahead and let's copy this.
‫What's paste the style?
‫Let's paste the style.
‫And now everything is right here.
‫So we basically have to work with the margin and padding for this.
‫OK, so we're gonna click over here.
‫We have to apply the padding.
‫So we're going to keep it zero, not zero.
‫It can be a hundred.
‫OK.
‫Some like this, you have to go down and then you have to work with this one.
‫So we will be keeping it hundred.
‫OK.
‫This is right here.
‫This looks perfectly OK.
‫This looks good, too.
‫Dislikes get to dislike good too, so we don't have to worry about them.
‫And now here it is.
‫So here we have to work with them.
‫So all you have to do is to click here and then you have to apply the padding to be zero.
‫And it's right here.
‫I mean, I don't think so if you have to work with much stuff.
‫So we're going to keep it 30 pixels from top to bottom and everywhere.
‫Now, it's kind of good.
‫Now, what you can do is that you can work with this and this thing is also good.
‫So now we are totally, totally done with the tablet optimization.
‫Now, if you go ahead and visit the website.
‫You can see this how its looking , so now you can click inspect.
‫And this is how the mobile optimisation is looking, which is perfect.
‫Now, if you just select it to be that, you need it on I pad.
‫So for the iPad, we have testing show.
‫This is how it's going to look like on an ipad.
‫And on a laptop, it's going to look like this.
‫A small sized laptop, basically, and on a large thase laptop.
‫It's going to look like this.
‫So here we go, guys.
‫We are now totally done with the about us thing.
‫So in the next video, we will be working up with these services one.
‫And we will work with it.
‫So stay tuned guys and babye.