‫hey whatsup guys and welcome back.
‫So in this video now, we're going to be working up with the last thing for the mobile optimization,
‫and that is going to be for their locations.
‫As you guys do know that we created another template for our location.
‫That is why we have to do the mobile optimization for that as well.
‫So as you can see, that we created three for that, that if any of the theme is going to have a diff
‫default one, then we're going to design that as well.
‫If any template has an image along with the Google map and description as well, then we're going to
‫sign this as well for that.
‫And also, if any of the property has this right here, which is going to be just the description without
‫the Google map and the image, then we're going to design this for that.
‫So let's just go to network with it and let's design it.
‫Now, what you can do is that you can open up this Web site on the private window so that you can see
‫how does the Web site look on a mobile device.
‫Now, once you wear any mobile device, all you have to do is to now go to these locations.
‫So we're going to open up, ah, this particular location and we're going to see how does this look.
‫So here we are.
‫Now you can see it's working perfectly.
‫Okay.
‫We just need to work with this heading.
‫And that's all.
‫We also need to work with this heading as well.
‫And it's perfectly okay.
‫So let's just go to let's work with it.
‫Now, the very first thing I want you to do is to move back to the window.
‫You are there and now you have to click location based archive.
‫and then editor withelementor, and he will be taken to that particular beat.
‫Now, once you're in here, all you have to do is to switch to the mobile device.
‫Right here.
‫So first of all, we have this right.
‫We have got this location dubai.
‫You have to click on it and now you have to go to this right here and you have to design it for any
‫mobile device.
‫So we're going to be keeping it to be a little less like so.
‫And this this right here, we're going to increase this on a mobile device and we're going to decrease
‫the gapping.
‫So we're going to go to these style, Riggert, and decrease the gapping a bit.
‫And this is fine.
‫So we're also going to make it a little lesson that we're going to go to this right here and here.
‫We're going to keep it a little smaller like so.
‫And this is fine.
‫This is fine.
‫This is fine, too.
‫And now here this is also fine.
‫But we're going to follow this follow the size of this over here as well.
‫So we're going to come up here.
‫We're going to click on it, and we're going to go to these style and we're gonna send this to twenty
‫nine pixels.
‫This everything seems to be fine.
‫Now we've got this location device.
‫So we're going to also come up here and you're going to make it a little less because this is a very
‫much larger.
‫So this will be shown to those locations.
‫That has a default like that.
‫Doesn't have the image.
‫That doesn't have the property.
‫Destra location description.
‫So we're going to go ahead and we're going to make it a little smaller like so , keep it to be
‫26.
‫Let's just go down and we've got this properties in Dubai.
‫So we're going to click on this, too, and we're going to go ahead and we're going to make it to be
‫smaller like so.
‫And everything is working perfectly seemed like this.
‫We have to work with this as well.
‫We need to make it a little bigger and we need to go to the style and we need to decrease the gapping.
‫Perfect.
‫This one is already designed.
‫You do know about it and everything.
‫We are getting down below is design.
‫And also, let's just go out and let's move up to the tablet.
‫Let's see if everything works fine there, too.
‫Perfect.
‫Let's just go to let's hit update and let's view now this page on the actual Web site.
‫So we're now going to come up here and now we're going to refers this page and you will see it.
‫We've got location.
‫This and this.
‫So I would basically recommend you to give some padding from the top because if someone is on a mobile
‫device, there should be much more spacing, you know.
‫So we're going to go ahead.
‫We're going to come up here going and now select this heading right here.
‫And in the advanced under the padding over here, we're going to add some padding.
‫I think this much is fine on a tablet and on a mobile device.
‫Let's move up to the mobile and mobile for this mobile is it's it's fine to.
‫Yes, it's fine.
‫And now you can go it and you can hit it.
‫And let's just move ahead to the location right here again and let's refresh and see if there is spacing.
‫Yes, there is spacing now.
‫Everything seems to be fine.
‫Perfectly.
‫Now, let's move up to the iPad.
‫So we're going to switch to the iPad right now.
‫And this is fine, too.
‫Now, let's go out and let's move to the second page.
‫That is going to be our page with Justy description.
‫So for the description is fine to.
‫And let's move up to the page with the default one, so we're going to open up this and the.
‫Oh, Moriah Island.
‫It's fine, too.
‫That's all for right now.
‫Now, in the next video, as I've told you, we will be working of it something very great.
‫And that is the pagination.
‫So you can see this obviously sucks right here just in numbers.
‫So we're gonna be working of some see, assess.
‫I'm also gonna be giving it a code in the next lecture of that.
‫And you can just go it and you can copy and paste.
‫But I will explain you what is going to happen.
‫So in the next video, we will be working up with that.