1
00:00:00,000 --> 00:00:02,610
Alright, now let's go ahead and

2
00:00:02,610 --> 00:00:05,760
build the header
for our website.

3
00:00:05,760 --> 00:00:08,870
And this is exactly what
it looks like right now,

4
00:00:08,865 --> 00:00:11,165
and it does not
look good at all.

5
00:00:11,160 --> 00:00:13,620
This is what we're
trying to accomplish.

6
00:00:13,620 --> 00:00:14,790
You can see the
header right here we

7
00:00:14,790 --> 00:00:16,430
have the logo on the left,

8
00:00:16,425 --> 00:00:19,415
and then we have the
main menu on the right.

9
00:00:19,410 --> 00:00:21,140
However,

10
00:00:21,135 --> 00:00:23,855
show you something like if I
was to go to another page,

11
00:00:23,850 --> 00:00:26,300
Let's say the About
page as an example,

12
00:00:26,295 --> 00:00:28,955
right here you can see that
the header is different.

13
00:00:28,950 --> 00:00:31,490
This one has a black background,

14
00:00:31,485 --> 00:00:33,455
while the header on

15
00:00:33,450 --> 00:00:36,210
the homepage doesn't have
any background at all,

16
00:00:36,210 --> 00:00:39,150
it's simply blends into
the background image here,

17
00:00:39,150 --> 00:00:44,830
basically, we need to create
82 different headers.

18
00:00:44,825 --> 00:00:47,605
One specifically for the
homepage and then the

19
00:00:47,600 --> 00:00:50,780
other for the rest of our pages.

20
00:00:50,779 --> 00:00:52,359
Now how do we do this?

21
00:00:52,355 --> 00:00:53,845
Before I show you that,

22
00:00:53,840 --> 00:00:57,250
let me just drag the
demo website away.

23
00:00:57,245 --> 00:00:58,825
Now before I show
you how to do that,

24
00:00:58,820 --> 00:01:00,130
I want to show you
something else.

25
00:01:00,125 --> 00:01:02,815
If I was to go to
Edit with Elementor,

26
00:01:02,810 --> 00:01:05,050
I went to site settings.

27
00:01:05,045 --> 00:01:06,715
In addition to being able to set

28
00:01:06,710 --> 00:01:09,700
your global phones and
your colors and all that,

29
00:01:09,695 --> 00:01:12,085
you can also make changes to

30
00:01:12,080 --> 00:01:15,770
the site identity right
here we have Settings.

31
00:01:15,770 --> 00:01:17,540
If I click on inside
the density right here,

32
00:01:17,540 --> 00:01:19,520
we can change the site name too.

33
00:01:19,520 --> 00:01:21,800
I'm going to call
mine passport travel.

34
00:01:21,800 --> 00:01:23,620
That's the name of the website.

35
00:01:23,615 --> 00:01:28,865
And then the tagline will be
when travel meets adventure.

36
00:01:28,865 --> 00:01:33,655
For the logo, I'm going to
choose the logo right here.

37
00:01:33,650 --> 00:01:35,830
Let's insert that one.

38
00:01:35,825 --> 00:01:38,245
And then for the Phi of icon,

39
00:01:38,240 --> 00:01:39,830
I'm going to choose the
image of IT with the one

40
00:01:39,830 --> 00:01:41,720
with the green background.

41
00:01:41,720 --> 00:01:43,300
I'm going to insert that.

42
00:01:43,295 --> 00:01:46,295
And there you go, we
have our site identity.

43
00:01:46,295 --> 00:01:48,745
Now you could also
come down here to

44
00:01:48,740 --> 00:01:51,980
header and make different kinds

45
00:01:51,980 --> 00:01:55,250
of changes you can
choose to hide the logo,

46
00:01:55,250 --> 00:01:58,220
show the tagline, increase

47
00:01:58,220 --> 00:01:59,510
the content width or reduced

48
00:01:59,510 --> 00:02:01,240
the content width
is all up to you.

49
00:02:01,235 --> 00:02:04,315
But since we are going to
create our own custom headers,

50
00:02:04,310 --> 00:02:06,710
we don't need to change
anything in here at all.

51
00:02:06,710 --> 00:02:07,910
So I'm going to go
ahead now and simply

52
00:02:07,910 --> 00:02:10,010
update. And then
I'll check this out.

53
00:02:10,010 --> 00:02:16,330
Okay, I'm gonna go back to the
backend Exit to Dashboard.

54
00:02:16,325 --> 00:02:18,845
And now let's create our header.

55
00:02:18,845 --> 00:02:20,795
I'm gonna come down
here to our parents.

56
00:02:20,795 --> 00:02:23,215
Here you will see elements or
head-on foods are builder.

57
00:02:23,210 --> 00:02:25,810
This is from the plugin. I'm
going to click in there.

58
00:02:25,805 --> 00:02:28,265
And now I'm going to
click on Add new.

59
00:02:28,265 --> 00:02:34,175
And now let's call this
one the homepage header.

60
00:02:34,174 --> 00:02:37,404
Then right here where you
have type of template.

61
00:02:37,400 --> 00:02:39,100
We're going to choose header,

62
00:02:39,095 --> 00:02:41,455
and then we can choose, okay,

63
00:02:41,450 --> 00:02:43,840
where would we like to
display this header?

64
00:02:43,835 --> 00:02:46,315
Since it's specifically going
to be for the front page,

65
00:02:46,310 --> 00:02:49,250
I'm going to choose down here
you have specific targets.

66
00:02:49,250 --> 00:02:51,620
I'm gonna choose
specific pages and

67
00:02:51,620 --> 00:02:54,820
invite here are
simply type in home.

68
00:02:54,815 --> 00:02:56,075
And there you go.

69
00:02:56,075 --> 00:02:57,665
Now at this particular
header will

70
00:02:57,665 --> 00:02:59,945
only be displayed
on the homepage.

71
00:02:59,945 --> 00:03:02,095
And then for user roles right
here you can choose, okay,

72
00:03:02,090 --> 00:03:05,150
maybe you want to display
these header only to logged in

73
00:03:05,150 --> 00:03:06,920
users are logged out users

74
00:03:06,920 --> 00:03:09,080
or edits or you have
a lot of flexibility.

75
00:03:09,080 --> 00:03:11,120
I'm just going to keep
this blank because we

76
00:03:11,120 --> 00:03:13,250
wanted to be for everyone.

77
00:03:13,250 --> 00:03:15,710
Now here, you've got

78
00:03:15,710 --> 00:03:18,860
this option enabled
layout for us template.

79
00:03:18,860 --> 00:03:21,350
Now the thing with Elementor
is that in addition to

80
00:03:21,350 --> 00:03:24,160
the default template and
one provided by your theme,

81
00:03:24,155 --> 00:03:26,575
elements, that gives you
two custom templates.

82
00:03:26,570 --> 00:03:30,140
One is called the elemental
Canvas Data, full-width,

83
00:03:30,140 --> 00:03:31,400
full-width simpler means that

84
00:03:31,400 --> 00:03:34,850
your content can extend to
the edges of your screen.

85
00:03:34,850 --> 00:03:36,410
So basically goes
full width that

86
00:03:36,410 --> 00:03:38,230
I'm like no margins
are patterns.

87
00:03:38,225 --> 00:03:40,075
Elemental Canada as
implements that you're

88
00:03:40,070 --> 00:03:41,980
not gonna have any
header or footer.

89
00:03:41,975 --> 00:03:45,595
It's basically a blank
element or our templates,

90
00:03:45,590 --> 00:03:47,420
we're not going walk
with a canvas template.

91
00:03:47,420 --> 00:03:50,260
So there is really no need
to enable this layout,

92
00:03:50,255 --> 00:03:51,685
but I'm going to
choose the elements

93
00:03:51,680 --> 00:03:53,740
of full width template.

94
00:03:53,735 --> 00:03:56,315
Let's go ahead now
and hit Publish.

95
00:03:56,315 --> 00:04:00,865
Now I'm going to click
on edit with Elementor.

96
00:04:00,860 --> 00:04:03,440
So what we're trying to
achieve here is this,

97
00:04:03,440 --> 00:04:05,500
let me bring back the demo site.

98
00:04:05,495 --> 00:04:08,545
It's basically going to be
a section with two columns.

99
00:04:08,540 --> 00:04:11,510
The one on the left, the left
column we'll have the logo,

100
00:04:11,510 --> 00:04:13,010
while the column on the right,

101
00:04:13,010 --> 00:04:16,160
we'll have the main
menu and we also want

102
00:04:16,160 --> 00:04:18,230
the column on the light one

103
00:04:18,230 --> 00:04:20,990
containing the main menu
to have more width.

104
00:04:20,990 --> 00:04:21,740
So check this out.

105
00:04:21,740 --> 00:04:23,420
Okay, right here, I'm

106
00:04:23,420 --> 00:04:25,060
going to click on the
Plus button here.

107
00:04:25,055 --> 00:04:27,425
And now we can choose
our structure.

108
00:04:27,425 --> 00:04:29,935
And I'm going to choose
this one divide here.

109
00:04:29,930 --> 00:04:31,390
This one will have,

110
00:04:31,385 --> 00:04:35,435
the first column will have a
third of the entire section,

111
00:04:35,435 --> 00:04:38,545
while the second column
will have two thirds.

112
00:04:38,540 --> 00:04:42,170
So right here, since we're
editing the section,

113
00:04:42,170 --> 00:04:44,830
as you can see, for
the content width,

114
00:04:44,825 --> 00:04:47,605
we could actually go full
width if you wanted to.

115
00:04:47,600 --> 00:04:50,120
But I'm going to go
with box and I'm going

116
00:04:50,120 --> 00:04:54,310
to choose 1240 pixels.

117
00:04:54,305 --> 00:04:56,215
This is just my own
personal preference.

118
00:04:56,210 --> 00:04:58,510
I loved ones 1240 pixels.

119
00:04:58,505 --> 00:05:01,825
Now, in here for the
very first column,

120
00:05:01,820 --> 00:05:03,160
I'm going to click inside.

121
00:05:03,155 --> 00:05:06,095
I'm going to scroll
all the way down here.

122
00:05:06,095 --> 00:05:09,035
And we're trying
to add the logo.

123
00:05:09,035 --> 00:05:12,365
So I'm going to add site logo.

124
00:05:12,365 --> 00:05:15,415
Click, drop it inside.

125
00:05:15,410 --> 00:05:18,010
And now we have our logo.

126
00:05:18,005 --> 00:05:20,515
Now you can see
because the logo has

127
00:05:20,510 --> 00:05:22,610
white text and this is
a white background.

128
00:05:22,610 --> 00:05:23,810
But just bear with me.

129
00:05:23,810 --> 00:05:25,630
Okay, I'm gonna choose.

130
00:05:25,625 --> 00:05:29,995
The image size here I'm
gonna go with full for now.

131
00:05:29,990 --> 00:05:32,360
Then let's go ahead and

132
00:05:32,360 --> 00:05:34,940
click on the Edit button
for this section.

133
00:05:34,940 --> 00:05:36,740
All right, So I've
clicked in there.

134
00:05:36,740 --> 00:05:38,550
I'm gonna go back to style.

135
00:05:38,554 --> 00:05:40,254
And then he went to where
you have begun type.

136
00:05:40,250 --> 00:05:42,380
I'm going to choose classic.

137
00:05:42,380 --> 00:05:46,150
Now I'm going to choose
the color black.

138
00:05:46,145 --> 00:05:49,615
So now you can actually
see the logo, right? Okay.

139
00:05:49,610 --> 00:05:52,190
Now let's go over to
the second column.

140
00:05:52,190 --> 00:05:55,760
We're going to add our
navigation elements.

141
00:05:55,760 --> 00:05:57,200
So writing against
the navigation menu,

142
00:05:57,200 --> 00:05:59,720
click drag, drug that inside.

143
00:05:59,720 --> 00:06:02,660
And then you can see main
menu is selected by default.

144
00:06:02,660 --> 00:06:06,110
However, when it's to make
quite a number of changes,

145
00:06:06,110 --> 00:06:08,500
notice right here that will
remain with the main menu.

146
00:06:08,495 --> 00:06:11,245
The text is in capital
letters, it's in white.

147
00:06:11,240 --> 00:06:14,840
It's also aligned to the
right and also in the center.

148
00:06:14,840 --> 00:06:16,540
So we need to do for thins.

149
00:06:16,535 --> 00:06:19,225
Let's go back in here.
First thing I'm gonna do

150
00:06:19,220 --> 00:06:22,190
is while editing the
navigation menu right here,

151
00:06:22,190 --> 00:06:24,830
you have layout clicking there.

152
00:06:24,830 --> 00:06:28,490
And now we're going to
choose align to the right.

153
00:06:28,490 --> 00:06:30,980
As you can see right
now it's to the right.

154
00:06:30,980 --> 00:06:33,550
Now let's go over to style.

155
00:06:33,545 --> 00:06:36,865
And we're gonna come
down here to typography.

156
00:06:36,860 --> 00:06:38,800
Click on the Edit button.

157
00:06:38,795 --> 00:06:42,185
Com non-hairy transform,
choose uppercase.

158
00:06:42,185 --> 00:06:43,045
Okay?

159
00:06:43,040 --> 00:06:45,070
And then for text color,

160
00:06:45,065 --> 00:06:47,425
Let's click on the
global icon right

161
00:06:47,420 --> 00:06:49,990
there and then choose
primarily for White.

162
00:06:49,985 --> 00:06:50,815
Good.

163
00:06:50,810 --> 00:06:52,940
But now how do we align

164
00:06:52,940 --> 00:06:56,240
the menu items in the
middle vertically?

165
00:06:56,240 --> 00:06:58,070
What you want to do here is
you're going to click on

166
00:06:58,070 --> 00:07:00,130
the Edit Column potency here,

167
00:07:00,125 --> 00:07:02,395
this particular button right
here, you click in there.

168
00:07:02,390 --> 00:07:05,240
And now here you can see
we have Vertical Align.

169
00:07:05,240 --> 00:07:07,490
We're going to choose middle.

170
00:07:07,490 --> 00:07:08,800
There you go.

171
00:07:08,795 --> 00:07:10,255
That is it.

172
00:07:10,250 --> 00:07:12,430
But we're not done yet.

173
00:07:12,425 --> 00:07:13,885
For the logo.

174
00:07:13,880 --> 00:07:17,360
Let's click on the Edit
button for the site logo.

175
00:07:17,360 --> 00:07:19,550
And then the alignment here,

176
00:07:19,550 --> 00:07:21,710
we're gonna go to left.

177
00:07:21,710 --> 00:07:24,050
Like you can't really see
the difference just yet,

178
00:07:24,050 --> 00:07:25,580
but Just bear with me.

179
00:07:25,580 --> 00:07:27,080
We're going to choose
that one to the left.

180
00:07:27,080 --> 00:07:30,780
Okay, let's go ahead
now and updates.

181
00:07:31,180 --> 00:07:34,390
Now let's just take a
look at what we have.

182
00:07:34,385 --> 00:07:36,565
View the page.

183
00:07:36,560 --> 00:07:38,480
And there you go.

184
00:07:38,480 --> 00:07:39,500
Now you can see

185
00:07:39,500 --> 00:07:43,130
our homepage has this
particular header right here,

186
00:07:43,130 --> 00:07:44,720
but then evolves to go to,

187
00:07:44,720 --> 00:07:47,110
let's say the About
page as an example,

188
00:07:47,105 --> 00:07:50,545
you can see we don't
have that header at all.

189
00:07:50,540 --> 00:07:53,930
If it wants to go to
the contact page.

190
00:07:53,930 --> 00:07:57,230
As an example, you can see
we don't have that header.

191
00:07:57,230 --> 00:07:58,730
So this right here,

192
00:07:58,730 --> 00:08:01,660
the homepage now has

193
00:08:01,655 --> 00:08:03,925
this particular handout
with the black background,

194
00:08:03,920 --> 00:08:07,960
the logo, and then
the menu items.

195
00:08:07,955 --> 00:08:09,625
Now to round this up,
I'm actually going to

196
00:08:09,620 --> 00:08:11,930
make a few changes.

197
00:08:11,930 --> 00:08:14,570
Let's go back to the section.

198
00:08:14,570 --> 00:08:15,890
Okay, and I know I said

199
00:08:15,890 --> 00:08:18,670
the content width
to be 1240 pixels,

200
00:08:18,665 --> 00:08:20,315
but I've done some
further tests in,

201
00:08:20,315 --> 00:08:23,485
and I think it's best we
go with the full width.

202
00:08:23,480 --> 00:08:25,930
So let's go with
full width for now.

203
00:08:25,925 --> 00:08:28,765
Then this column, the
one holding the logo,

204
00:08:28,760 --> 00:08:36,030
we're going to reduce
it to 2525% percent.

205
00:08:36,034 --> 00:08:41,554
While the column holding the
manual items will have 75%.

206
00:08:41,555 --> 00:08:43,585
Then let's also make
a change to the logo.

207
00:08:43,580 --> 00:08:45,250
I'm going to click Edit logo.

208
00:08:45,245 --> 00:08:46,925
Let's go to style.

209
00:08:46,925 --> 00:08:48,235
And then for the max-width,

210
00:08:48,230 --> 00:08:51,460
we're going to set this to 75%.

211
00:08:51,455 --> 00:08:54,595
And a question you might have is

212
00:08:54,590 --> 00:08:59,120
why obviously the max-width
and not the actual width.

213
00:08:59,120 --> 00:09:00,230
Here's the thing.

214
00:09:00,230 --> 00:09:02,860
When you set the
width for the logo,

215
00:09:02,855 --> 00:09:05,425
the logo will always
have that width.

216
00:09:05,420 --> 00:09:08,190
We godless, of the screen size.

217
00:09:08,194 --> 00:09:09,954
You're working with max-width.

218
00:09:09,950 --> 00:09:11,320
You're basically saying, Hey,

219
00:09:11,315 --> 00:09:14,725
the logo should never
exceed this width.

220
00:09:14,720 --> 00:09:17,240
Then in situations where
the screen size isn't

221
00:09:17,240 --> 00:09:19,990
large enough documented
the full width of the logo

222
00:09:19,985 --> 00:09:21,145
reduce the size of

223
00:09:21,140 --> 00:09:25,670
basically max width is much
better for responsive design.

224
00:09:25,670 --> 00:09:27,890
And you always want
to be responsive.

225
00:09:27,890 --> 00:09:30,980
So we're going to set
that to 75 pixels.

226
00:09:30,980 --> 00:09:33,620
And now if we update,

227
00:09:33,620 --> 00:09:37,000
if we take a look at our header,

228
00:09:36,995 --> 00:09:38,815
you can see right
now that it looks

229
00:09:38,810 --> 00:09:40,490
so much similar to what we

230
00:09:40,490 --> 00:09:44,120
have are over here
on the demo website.

231
00:09:44,119 --> 00:09:47,239
Last thing to do
is we're going to

232
00:09:47,240 --> 00:09:51,980
duplicate this header
for the second header.

233
00:09:51,980 --> 00:09:53,480
So basically he has
what we're gonna do.

234
00:09:53,480 --> 00:09:56,070
Okay, well I'm gonna go
back to the backend.

235
00:09:56,440 --> 00:10:00,350
Instead of creating
the second header

236
00:10:00,350 --> 00:10:02,020
for the rest of the website,

237
00:10:02,015 --> 00:10:04,355
we're simply gonna come in
here and then you'll see

238
00:10:04,355 --> 00:10:05,995
EA duplicates or that's

239
00:10:05,990 --> 00:10:07,820
the essential atoms
duplicates all.

240
00:10:07,820 --> 00:10:09,380
I'm going to go
ahead now and simply

241
00:10:09,380 --> 00:10:11,630
duplicate the homepage header.

242
00:10:11,630 --> 00:10:14,320
Now you will see
drafts Elementor.

243
00:10:14,315 --> 00:10:17,095
Let's go ahead and
I'll click on Edit.

244
00:10:17,090 --> 00:10:19,160
And then we'll look at
few changes in here.

245
00:10:19,160 --> 00:10:22,870
We'll call this one
the global header.

246
00:10:22,865 --> 00:10:24,835
You can give it any other
name that you want,

247
00:10:24,830 --> 00:10:26,690
but I'm going to call
this one global header.

248
00:10:26,690 --> 00:10:28,330
And then right here,

249
00:10:28,325 --> 00:10:30,725
pep of templates,
Yes, it's the header.

250
00:10:30,725 --> 00:10:33,475
Then the display on.

251
00:10:33,470 --> 00:10:37,400
We're gonna go with
entire website.

252
00:10:37,400 --> 00:10:38,960
But then to be on the safe side,

253
00:10:38,960 --> 00:10:41,590
I'm gonna come in here and
say add exclusion rule.

254
00:10:41,585 --> 00:10:43,975
We're saying, Hey, do
not display this one

255
00:10:43,970 --> 00:10:46,490
on the homepage down here.

256
00:10:46,490 --> 00:10:47,800
He has specific page.

257
00:10:47,795 --> 00:10:51,125
I'm gonna come in here
and simply type in home,

258
00:10:51,125 --> 00:10:53,185
making sure that
this header will

259
00:10:53,180 --> 00:10:55,180
never be displayed
on the homepage.

260
00:10:55,175 --> 00:10:58,985
It will only be displayed
across the entire website.

261
00:10:58,985 --> 00:11:00,505
And there you go.

262
00:11:00,500 --> 00:11:02,870
So template full width as well.

263
00:11:02,870 --> 00:11:06,080
Let's go ahead now
and hit Publish.

264
00:11:06,079 --> 00:11:08,599
And there you go.

265
00:11:08,600 --> 00:11:10,460
So just to go back in here,

266
00:11:10,460 --> 00:11:11,970
let's refresh this page.

267
00:11:11,974 --> 00:11:14,344
So that's the header
for the homepage.

268
00:11:14,345 --> 00:11:15,475
But now take a look at this.

269
00:11:15,470 --> 00:11:17,330
Okay, If I was to go
to any other page,

270
00:11:17,330 --> 00:11:19,610
let's say the About
page as an example.

271
00:11:19,609 --> 00:11:21,229
Now, you will see that

272
00:11:21,230 --> 00:11:23,290
the duplicate header
isn't showing.

273
00:11:23,285 --> 00:11:25,805
Let's go to the
Articles page as well.

274
00:11:25,805 --> 00:11:29,845
You can see again, the duplicate
header is not showing,

275
00:11:29,840 --> 00:11:31,220
despite the fact that we

276
00:11:31,220 --> 00:11:32,690
said the duplicate
header to show

277
00:11:32,690 --> 00:11:35,740
on every page except
the homepage,

278
00:11:35,735 --> 00:11:37,835
what exactly is going on here.

279
00:11:37,835 --> 00:11:40,145
And trust me, it took
me several hours.

280
00:11:40,145 --> 00:11:41,905
Just China figure out exactly

281
00:11:41,900 --> 00:11:44,980
why this was not working,
but I figured it out.

282
00:11:44,975 --> 00:11:46,765
What you want to
do is just go back

283
00:11:46,760 --> 00:11:48,910
to the duplicate
header right here.

284
00:11:48,905 --> 00:11:51,125
This is the duplicate
hit every created.

285
00:11:51,124 --> 00:11:53,454
What you want to
do is this, okay,

286
00:11:53,450 --> 00:11:55,750
Just try to initiate,

287
00:11:55,745 --> 00:11:56,755
actually let us go back to

288
00:11:56,750 --> 00:11:59,120
the back-end so
you're not confused.

289
00:11:59,120 --> 00:12:01,000
All right, from here,

290
00:12:00,995 --> 00:12:04,355
from here, just click
on edit with Elementor.

291
00:12:04,350 --> 00:12:06,650
Edit with Elementor.

292
00:12:06,650 --> 00:12:09,050
And then what you're
gonna do is right here,

293
00:12:09,050 --> 00:12:12,560
just initiate any
kind of change.

294
00:12:12,560 --> 00:12:15,020
Let's say you add the
heading elements in here,

295
00:12:15,020 --> 00:12:17,260
for example, okay,
drop that in there.

296
00:12:17,255 --> 00:12:19,835
Now do you see that the
update button is available?

297
00:12:19,835 --> 00:12:23,545
Okay, I'm gonna go back
in here, close this.

298
00:12:23,540 --> 00:12:25,550
The whole point
here is you want to

299
00:12:25,550 --> 00:12:27,370
make some sort of change on

300
00:12:27,365 --> 00:12:29,335
the header so that

301
00:12:29,330 --> 00:12:32,410
this Update button downhill
would be triggered.

302
00:12:32,405 --> 00:12:34,735
Now we can update.

303
00:12:34,730 --> 00:12:36,440
And now it should work.

304
00:12:36,440 --> 00:12:38,390
So if asked to go back
to my articles page in

305
00:12:38,390 --> 00:12:40,640
here and now refresh.

306
00:12:40,640 --> 00:12:43,640
Now you can see that
the duplicate header is

307
00:12:43,640 --> 00:12:46,870
now showing I go back
to the homepage,

308
00:12:46,865 --> 00:12:48,395
is exact same header.

309
00:12:48,395 --> 00:12:50,045
I go to the About page.

310
00:12:50,045 --> 00:12:53,785
And of course it's the
exact same header as well.

311
00:12:53,780 --> 00:12:55,400
That's exactly what you should

312
00:12:55,400 --> 00:12:56,960
do whenever you
tried duplicating

313
00:12:56,960 --> 00:13:00,340
your headers and footers
on the duplicates.

314
00:13:00,335 --> 00:13:02,995
Simply go inside
edit with Elementor,

315
00:13:02,990 --> 00:13:05,240
add any element, remove

316
00:13:05,240 --> 00:13:07,910
that element just to
trigger the update button.

317
00:13:07,910 --> 00:13:08,900
Update.

318
00:13:08,899 --> 00:13:12,189
And now that new
duplicate header

319
00:13:12,185 --> 00:13:15,445
or footer will now
be in full effect.

320
00:13:15,440 --> 00:13:17,540
So that's it for the video
we've created our two headers.

321
00:13:17,540 --> 00:13:20,160
Thank you for watching and
I will see you next class.