It's now let's take a look at
the footer and try to make it responsive.
And let me go over to the tablet view first.
And from here it actually has two.
Looks pretty good.
I don't think we need to make
any changes in the tablet view.
But once we get to the mobile view,
this is where we have a bit of a space and issue can see
the contact heading is a bit too close to the image.
If we go really small,
then it's the same thing.
Except the image right now looks very, very blue.
Perhaps the best option for us on the mobile view would
just be to simply remove this image.
Let's go ahead and edit with
Elementor, the Global Footer.
I'm going to switch to responsive tablet
first of all, just to confirm.
So responsive mode, I was good at tablet.
Tablet looks fine. It looks fine.
I don't think we need to change anything except
maybe actually, you know what?
From the template view,
the image Jody looking kind of blurry.
That's because it's a bit too tall.
What we can do is this.
We can reduce the size of
the first column and increased
the one off the second column.
So let's see what 50 we'll do.
It's 50 and then
the one on the right as well is going to be 50.
But the image is still a little bit blurred.
So that's not that great.
All right, let's go back in here.
Let's try to make some adjustments.
Maybe make this one.
Let's say 66.
I think 66 is
fine and they will supplement the second column,
33 so that it could be on the same line.
This is still fine, I guess.
But what about the mobile view or key?
Now, he can see that the image is just way too blurred.
And sometimes it's best to just we move and not
sure certain kinds of elements in the mobile view.
So always simply do here is this okay?
We're gonna click on the column edit column
will go to Advanced.
And just like we did previously,
we're going to hide on mobile and that's it.
So let's go ahead and update.
Let's take a look at what we're going to
have this view the page.
Go to the homepage.
Let's scroll down.
Okay, so the only thing we need to do ANS to add
some padding for the contact heading.
Lambdas go back to the go back to the tablet view,
just to confirm that it's okay.
So yeah, template views is fine.
It's the mobile view where we're going to need
to add some space in the contacts our button.
So let's quickly do this. We're gonna go
back edit with Elementor global footer.
We'll just add some pattern to the,
to the footer itself.
That's what we'll simply do.
All right, let's go to responsive mode, mobile.
Okay, so we're going to edit this section right here,
editing section advanced.
And we'll just add some padding.
I guess the pattern from the top 25 pixels
should be reasonable.
Not from the top, but but are actually from the top.
Yes, from the top. Sorry. Go ahead.
Bates page.
Page minimize scroll down.
And that is now the food tail looks much, much better.
Okay, so join me in the next video where we'll now
take a look at making the homepage responsive.
And in particular, the homepage banner.