32.c Service Section Optimization

Video Summary

So we’re we just finished optimizing our slider. And now we’re going to focus on the rest of the site going section by section. And we will be able to do a majority if not all of our mobile optimization straight from the Elementor page builder. And what I want you to do is I want you to come down and make sure we’re looking at our mechanic Services section and it’d be come down here the bottom there is a responsive mode. If you click on that laptop and mobile device, I will have this little top bar here that we can bounce between tablets and mobile devices. So if we click on tablets right here, we get dropped down and we get shown basically what a majority of tablet views look like. So this is pretty much from 768 pixels, wide to the height. The height isn’t very important because different devices can be taller or shorter. And what we’re looking at is is that basically 191 pixels is the length of what it can possibly show on this on my lease on my computer, right? So what I like to do is is like once I click on the tablet, I will kind of just scroll down, and I will see if there’s anything that doesn’t look good. Now, when we look at the tab or when we look at the desktop, right we got we have four spaces right here. So when we when we narrow it down and we get to tablet, we’re going to have we have a basically we have eight sections, but when we get down to tablets, it’s splitting the columns into threes. So we’re gonna have one empty space here, but I think overall that’s fine because even though tablets do contain a contained traffic to your website, I would say most of the campaigns and most of traffic that I’ve worked on for myself and clients, I would say maybe five to 10% use tablets most of them are coming from their phones, and a few of them are coming from their actual desk. 

So I don’t think are optimizing or getting an extreme to make sure that we added an order section here. Just for tablets. I don’t think that’s very necessary because then if we hadn’t or we had north section here, then it would make an uneven number for desktop. So I think for now I am happy with how all right it’s for tablets. And let’s go to mobile and mobile just has just a printer much just little cards that we just scroll down and we get to see all of our all of our services that we offer them have a school get a free quote today. And we I think all in all, this section looks great. And while we’re here, let’s just go to tablet, you you can slide and make this bigger and smaller and figure out what what looks good and what doesn’t. 

And figure out that and also to is when you’re in the tablet side that you should only go as big as 1024 as small as 768 because that is what the the the Elementor developers decided that this is what they pretty much they already optimized this section for us. So just just know that and also choose when you come here for mobile, that we can only get so big before before we stop we can only get so small, because the smallest device known or ever built, I think mobile device was 320 pixels. So there’s nothing smaller than that. So that’s where you can just bounce back and forth and see how different things look. But I think for right now this is a This section looks great. I think it looks good on every single device. So I think this is a good spot to stop. this video and check out the next section. 

PHP Code Snippets Powered By : XYZScripts.com