Further Customizations of the Header and Adding a Sticky Logo and Menu

5 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€67.09
List Price:  €95.85
You save:  €28.75
£55.67
List Price:  £79.54
You save:  £23.86
CA$100.61
List Price:  CA$143.73
You save:  CA$43.12
A$111.94
List Price:  A$159.93
You save:  A$47.98
S$94.87
List Price:  S$135.54
You save:  S$40.66
HK$544.46
List Price:  HK$777.83
You save:  HK$233.37
CHF 62.54
List Price:  CHF 89.34
You save:  CHF 26.80
NOK kr792.28
List Price:  NOK kr1,131.88
You save:  NOK kr339.60
DKK kr500.54
List Price:  DKK kr715.08
You save:  DKK kr214.54
NZ$123.72
List Price:  NZ$176.75
You save:  NZ$53.03
د.إ257.07
List Price:  د.إ367.26
You save:  د.إ110.19
৳8,361.37
List Price:  ৳11,945.33
You save:  ৳3,583.95
₹5,945.38
List Price:  ₹8,493.77
You save:  ₹2,548.38
RM315.51
List Price:  RM450.75
You save:  RM135.24
₦108,452.30
List Price:  ₦154,938.50
You save:  ₦46,486.20
₨19,476.23
List Price:  ₨27,824.38
You save:  ₨8,348.15
฿2,393.75
List Price:  ฿3,419.79
You save:  ฿1,026.04
₺2,463.20
List Price:  ₺3,519.01
You save:  ₺1,055.81
B$425.95
List Price:  B$608.53
You save:  B$182.58
R1,281.50
List Price:  R1,830.80
You save:  R549.29
Лв131.12
List Price:  Лв187.32
You save:  Лв56.20
₩101,234.93
List Price:  ₩144,627.53
You save:  ₩43,392.60
₪255.76
List Price:  ₪365.39
You save:  ₪109.63
₱4,117.86
List Price:  ₱5,882.91
You save:  ₱1,765.05
¥10,950.28
List Price:  ¥15,643.93
You save:  ¥4,693.65
MX$1,405.25
List Price:  MX$2,007.58
You save:  MX$602.33
QR255.07
List Price:  QR364.41
You save:  QR109.33
P967.09
List Price:  P1,381.63
You save:  P414.53
KSh9,046.20
List Price:  KSh12,923.70
You save:  KSh3,877.50
E£3,561.31
List Price:  E£5,087.81
You save:  E£1,526.49
ብር8,934.81
List Price:  ብር12,764.56
You save:  ብር3,829.75
Kz64,250.82
List Price:  Kz91,790.82
You save:  Kz27,540
CLP$69,230.60
List Price:  CLP$98,905.10
You save:  CLP$29,674.50
CN¥510.67
List Price:  CN¥729.56
You save:  CN¥218.89
RD$4,260.81
List Price:  RD$6,087.13
You save:  RD$1,826.32
DA9,439.27
List Price:  DA13,485.25
You save:  DA4,045.98
FJ$162.13
List Price:  FJ$231.62
You save:  FJ$69.49
Q539.13
List Price:  Q770.23
You save:  Q231.09
GY$14,638.94
List Price:  GY$20,913.67
You save:  GY$6,274.72
ISK kr9,737.70
List Price:  ISK kr13,911.60
You save:  ISK kr4,173.90
DH704.21
List Price:  DH1,006.07
You save:  DH301.85
L1,285.64
List Price:  L1,836.70
You save:  L551.06
ден4,129.86
List Price:  ден5,900.06
You save:  ден1,770.19
MOP$560.15
List Price:  MOP$800.26
You save:  MOP$240.10
N$1,288.20
List Price:  N$1,840.36
You save:  N$552.16
C$2,574.79
List Price:  C$3,678.42
You save:  C$1,103.63
रु9,517.84
List Price:  रु13,597.49
You save:  रु4,079.65
S/260.55
List Price:  S/372.23
You save:  S/111.68
K283.74
List Price:  K405.36
You save:  K121.62
SAR262.92
List Price:  SAR375.62
You save:  SAR112.69
ZK1,936.44
List Price:  ZK2,766.46
You save:  ZK830.02
L333.95
List Price:  L477.10
You save:  L143.14
Kč1,686.22
List Price:  Kč2,408.98
You save:  Kč722.76
Ft27,781.13
List Price:  Ft39,689.03
You save:  Ft11,907.90
SEK kr772.16
List Price:  SEK kr1,103.13
You save:  SEK kr330.97
ARS$71,509.21
List Price:  ARS$102,160.40
You save:  ARS$30,651.18
Bs483.51
List Price:  Bs690.76
You save:  Bs207.25
COP$305,137.08
List Price:  COP$435,928.80
You save:  COP$130,791.72
₡35,302.85
List Price:  ₡50,434.81
You save:  ₡15,131.95
L1,776.18
List Price:  L2,537.51
You save:  L761.33
₲545,595.73
List Price:  ₲779,455.88
You save:  ₲233,860.15
$U3,131.93
List Price:  $U4,474.38
You save:  $U1,342.44
zł286.05
List Price:  zł408.66
You save:  zł122.61
Already have an account? Log In

Transcript

Okay, so it's Rob cabin here, I'm going to continue customizing this theme called customizer in WordPress. And we'll go to Appearance customize. Okay, so we're starting at the top, remember. And we've done the silent outline the logo and fav icon, the skin there, we can choose a color for all the links and the buttons. And I'm going to choose a color that's similar to the colors we're using in the logo that's not perfect, but think maybe the red will be better. And Google Fonts we can choose from these drop down both a font for the headings and a font for the body text.

So all sorts of different feeling you get from these font groups. Or you can have very traditional fonts there the web safe font pairs. I mean, I wouldn't Worry about using any of these Google fonts, Google fonts are extremely well supported. And you can increase the default font size in pixels if you want. If you think your readers maybe prefer slightly larger font size, I think 16 pixels for a default text sizes is quite good social links. So you'll see again, we lost our social links that we put in originally, so we're going to have to put them in again.

First of all, I'll explain this one. If you've set up WordPress, you will automatically have an RSS feed. The RSS feed, if you go to your sites.com slash feed is this it's just the latest blog posts basically, and this is what is used for people who want to read blogs on feed readers, or feed readers aren't as common as they used to be and You don't see this link this RSS feed icons around the web so much these days. So I'm going to get rid of that, because I don't think it's very useful. And that icon has now disappeared, but I will reenter the social profiles. Okay, I've done that.

There's YouTube, Google Plus Facebook, Twitter. And you'll see all these profiles are now at the top there by the logo. And they are also down at the bottom here. In the footer. Let's go back global settings. So you can change the links, there's a fade effects on the hover there.

As you see you hover over as a fade effect, you can change that. And there's other settings that you can change the global settings, not so important. I'll leave those ones for now. Now we'll go back into the header design and layout. So you can can choose if you want the logo on the left or not. There's a border there, we can get rid of that if you want, we can choose to get rid of the tagline, get rid of the social links in the header.

I think that's very important because I don't think they look very good right next to this logo, so I'm going to take them off, they're still in the footer there. Of course, we like the sticky heading settings. That means if you scroll down the header, and the menu is still visible. So we're going to keep that and there's all sorts of settings here you can decide not to display the menu in the sticky header. And you can change the transparency of the sticky header, so everything is extremely customizable. We haven't finished those navigation menus very important.

So here we are in the main menu, we can select the one that we already used, so we can select navbar we haven't lost that. So now if we look at the menu, we Click on that icon there, there is our menu. So even better than I thought we have saved that work after we've changed the theme, and the menus on the right. And still in the navigation menus, we can choose for the menu to be horizontal. So this is more similar to the way we had it before. You can see the menu at this particular width, and the menu stays when you scroll down as well.

I think that's a little bit better at this width. Now customizer gives you even better, an option here to have a look at the tablet and the mobile view. If you look into the tablet view, then the menu goes back to this more traditional three line icon, which I think is better in the tablet view. It's okay in the tablet view, but not in the desktop view. I think it's better like that. So let's go back to the update.

Help me page and refresh now, and it's already looking better. It's much cleaner. We got the sticky header. The navbar is nice and clean and it's how we want it. And we got the social links back in the footer. Okay, we'll come on to more customizations in the next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.