1 00:00:00,000 --> 00:00:01,310 It's now let's take a look at 2 00:00:01,305 --> 00:00:04,995 the footer and try to make it responsive. 3 00:00:04,995 --> 00:00:09,455 And let me go over to the tablet view first. 4 00:00:09,450 --> 00:00:11,520 And from here it actually has two. 5 00:00:11,520 --> 00:00:12,540 Looks pretty good. 6 00:00:12,540 --> 00:00:13,320 I don't think we need to make 7 00:00:13,320 --> 00:00:15,120 any changes in the tablet view. 8 00:00:15,120 --> 00:00:20,220 But once we get to the mobile view, 9 00:00:20,220 --> 00:00:23,550 this is where we have a bit of a space and issue can see 10 00:00:23,550 --> 00:00:28,080 the contact heading is a bit too close to the image. 11 00:00:28,080 --> 00:00:30,470 If we go really small, 12 00:00:30,465 --> 00:00:33,635 then it's the same thing. 13 00:00:33,630 --> 00:00:36,430 Except the image right now looks very, very blue. 14 00:00:36,430 --> 00:00:39,590 Perhaps the best option for us on the mobile view would 15 00:00:39,590 --> 00:00:42,730 just be to simply remove this image. 16 00:00:42,725 --> 00:00:44,485 Let's go ahead and edit with 17 00:00:44,480 --> 00:00:47,400 Elementor, the Global Footer. 18 00:00:48,010 --> 00:00:51,020 I'm going to switch to responsive tablet 19 00:00:51,020 --> 00:00:54,080 first of all, just to confirm. 20 00:00:54,080 --> 00:00:57,730 So responsive mode, I was good at tablet. 21 00:00:57,725 --> 00:01:00,445 Tablet looks fine. It looks fine. 22 00:01:00,440 --> 00:01:02,000 I don't think we need to change anything except 23 00:01:02,000 --> 00:01:04,100 maybe actually, you know what? 24 00:01:04,100 --> 00:01:05,510 From the template view, 25 00:01:05,510 --> 00:01:07,940 the image Jody looking kind of blurry. 26 00:01:07,940 --> 00:01:10,070 That's because it's a bit too tall. 27 00:01:10,070 --> 00:01:12,110 What we can do is this. 28 00:01:12,110 --> 00:01:14,390 We can reduce the size of 29 00:01:14,390 --> 00:01:15,590 the first column and increased 30 00:01:15,590 --> 00:01:17,150 the one off the second column. 31 00:01:17,150 --> 00:01:21,610 So let's see what 50 we'll do. 32 00:01:21,605 --> 00:01:23,635 It's 50 and then 33 00:01:23,630 --> 00:01:26,980 the one on the right as well is going to be 50. 34 00:01:26,975 --> 00:01:29,945 But the image is still a little bit blurred. 35 00:01:29,945 --> 00:01:31,565 So that's not that great. 36 00:01:31,565 --> 00:01:33,475 All right, let's go back in here. 37 00:01:33,470 --> 00:01:35,060 Let's try to make some adjustments. 38 00:01:35,060 --> 00:01:36,620 Maybe make this one. 39 00:01:36,620 --> 00:01:40,150 Let's say 66. 40 00:01:40,145 --> 00:01:41,935 I think 66 is 41 00:01:41,930 --> 00:01:44,530 fine and they will supplement the second column, 42 00:01:44,525 --> 00:01:48,535 33 so that it could be on the same line. 43 00:01:48,530 --> 00:01:51,850 This is still fine, I guess. 44 00:01:51,845 --> 00:01:55,975 But what about the mobile view or key? 45 00:01:55,970 --> 00:02:01,270 Now, he can see that the image is just way too blurred. 46 00:02:01,265 --> 00:02:04,225 And sometimes it's best to just we move and not 47 00:02:04,220 --> 00:02:09,110 sure certain kinds of elements in the mobile view. 48 00:02:09,110 --> 00:02:11,210 So always simply do here is this okay? 49 00:02:11,210 --> 00:02:14,000 We're gonna click on the column edit column 50 00:02:14,000 --> 00:02:15,340 will go to Advanced. 51 00:02:15,335 --> 00:02:16,765 And just like we did previously, 52 00:02:16,760 --> 00:02:20,840 we're going to hide on mobile and that's it. 53 00:02:20,840 --> 00:02:24,160 So let's go ahead and update. 54 00:02:24,155 --> 00:02:26,035 Let's take a look at what we're going to 55 00:02:26,030 --> 00:02:28,960 have this view the page. 56 00:02:28,955 --> 00:02:32,885 Go to the homepage. 57 00:02:32,885 --> 00:02:36,755 Let's scroll down. 58 00:02:36,850 --> 00:02:39,980 Okay, so the only thing we need to do ANS to add 59 00:02:39,980 --> 00:02:43,960 some padding for the contact heading. 60 00:02:43,955 --> 00:02:48,665 Lambdas go back to the go back to the tablet view, 61 00:02:48,665 --> 00:02:51,715 just to confirm that it's okay. 62 00:02:51,710 --> 00:02:53,620 So yeah, template views is fine. 63 00:02:53,615 --> 00:02:56,725 It's the mobile view where we're going to need 64 00:02:56,720 --> 00:03:00,170 to add some space in the contacts our button. 65 00:03:00,170 --> 00:03:01,520 So let's quickly do this. We're gonna go 66 00:03:01,520 --> 00:03:04,550 back edit with Elementor global footer. 67 00:03:04,550 --> 00:03:06,860 We'll just add some pattern to the, 68 00:03:06,860 --> 00:03:08,080 to the footer itself. 69 00:03:08,075 --> 00:03:09,685 That's what we'll simply do. 70 00:03:09,680 --> 00:03:14,020 All right, let's go to responsive mode, mobile. 71 00:03:14,015 --> 00:03:16,285 Okay, so we're going to edit this section right here, 72 00:03:16,280 --> 00:03:18,530 editing section advanced. 73 00:03:18,530 --> 00:03:19,940 And we'll just add some padding. 74 00:03:19,940 --> 00:03:23,300 I guess the pattern from the top 25 pixels 75 00:03:23,300 --> 00:03:24,980 should be reasonable. 76 00:03:24,980 --> 00:03:28,610 Not from the top, but but are actually from the top. 77 00:03:28,605 --> 00:03:30,725 Yes, from the top. Sorry. Go ahead. 78 00:03:30,725 --> 00:03:34,745 Bates page. 79 00:03:35,410 --> 00:03:41,090 Page minimize scroll down. 80 00:03:41,090 --> 00:03:45,940 And that is now the food tail looks much, much better. 81 00:03:45,935 --> 00:03:50,395 Okay, so join me in the next video where we'll now 82 00:03:50,390 --> 00:03:54,920 take a look at making the homepage responsive. 83 00:03:54,920 --> 00:03:59,070 And in particular, the homepage banner.