1
00:00:00,000 --> 00:00:05,880
How do we now blend the homepage
banner into our header?

2
00:00:05,880 --> 00:00:08,360
Well, just like what
we have over here,

3
00:00:08,355 --> 00:00:10,775
what we're gonna do
here is this again,

4
00:00:10,770 --> 00:00:12,500
we're going to head back in here

5
00:00:12,495 --> 00:00:14,735
and let's edit the
homepage Hadar.

6
00:00:14,730 --> 00:00:17,670
First of all, what I'm gonna
do is I'm simply going to

7
00:00:17,670 --> 00:00:21,510
remove the black background
we no longer needed.

8
00:00:21,510 --> 00:00:23,610
So I'm gonna go over to style

9
00:00:23,610 --> 00:00:26,030
and then simply click
on the classic button

10
00:00:26,025 --> 00:00:28,535
again to basically reset

11
00:00:28,530 --> 00:00:30,840
it back to its
default background,

12
00:00:30,840 --> 00:00:32,580
which is just basically
the white color.

13
00:00:32,580 --> 00:00:35,000
I'm gonna update. All right,

14
00:00:34,995 --> 00:00:37,235
let's view the page.

15
00:00:37,230 --> 00:00:39,810
Let's go back to the
homepage profile.

16
00:00:39,805 --> 00:00:42,055
All right, Now here
I'm going to now

17
00:00:42,050 --> 00:00:44,060
edit the actual homepage itself.

18
00:00:44,060 --> 00:00:46,100
So I'm going to click
on edit with Elementor,

19
00:00:46,100 --> 00:00:47,930
the very first link up there.

20
00:00:47,930 --> 00:00:50,510
Now let me show you the power of

21
00:00:50,510 --> 00:00:52,130
negative margins going to

22
00:00:52,130 --> 00:00:54,400
edit this section
holding the banner.

23
00:00:54,395 --> 00:00:56,335
Come down here to Advanced,

24
00:00:56,330 --> 00:00:58,880
unlink the values
for the margins.

25
00:00:58,879 --> 00:01:01,939
And now I'm simply
going to go all the way

26
00:01:01,940 --> 00:01:06,460
to negative 222 pixels.

27
00:01:06,455 --> 00:01:08,615
And there you go.

28
00:01:08,650 --> 00:01:12,290
Just like that, we have
been able to blend

29
00:01:12,290 --> 00:01:15,520
in the header with
our homepage banner.

30
00:01:15,515 --> 00:01:17,165
Let me update.

31
00:01:17,165 --> 00:01:21,905
Let's view the page just
to make sure there it is.

32
00:01:21,905 --> 00:01:25,535
That's our brand
new homepage banner

33
00:01:25,535 --> 00:01:28,735
and Heather, Just like that.

34
00:01:28,730 --> 00:01:33,590
So that's basically the power
of adding negative margins.

35
00:01:33,590 --> 00:01:36,410
However, let me point out that

36
00:01:36,410 --> 00:01:39,740
this only works well
on your desktop view.

37
00:01:39,740 --> 00:01:43,760
The thing is if I was to
go to the responsive view,

38
00:01:43,760 --> 00:01:46,880
you will see that a negative
margins will begin to show.

39
00:01:46,880 --> 00:01:48,490
And it's quite ugly.

40
00:01:48,485 --> 00:01:50,945
Down here where you
have responsive mode.

41
00:01:50,945 --> 00:01:53,675
If I switch this one to tablet,

42
00:01:53,675 --> 00:01:56,635
it's still or ki,

43
00:01:56,630 --> 00:02:00,110
kind of, although you can
now see that the menu,

44
00:02:00,110 --> 00:02:03,210
the hamburger icon right here
isn't looking about grades.

45
00:02:03,214 --> 00:02:05,904
But then if you go to mobile,

46
00:02:05,900 --> 00:02:07,640
becomes really, really bad.

47
00:02:07,640 --> 00:02:09,860
You can see right
now that you don't.

48
00:02:09,860 --> 00:02:13,220
The logo basically is with

49
00:02:13,220 --> 00:02:17,020
the text-to-speech
travel meets adventure.

50
00:02:17,015 --> 00:02:20,275
And you can build even see
the humble got many soul.

51
00:02:20,270 --> 00:02:21,860
We obviously are
going to have to make

52
00:02:21,860 --> 00:02:24,260
several changes for
the responsive design.

53
00:02:24,260 --> 00:02:27,430
There'll be for later, but
for now, Dexter applies.

54
00:02:27,425 --> 00:02:29,555
This looks pretty good.

55
00:02:29,555 --> 00:02:31,735
So Germany, the next
video where I'll show you

56
00:02:31,730 --> 00:02:35,550
an alternative homepage banner.