HomeDocumentationTop Header

Top Header

Changing the Alignment of the Top Header

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Top Header

TopHeader 3. Next select Alignment

Alignment 4. Using the dropdown select the alignment you would like for the Top Header

AlignmentOption 5. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Navigation in the Top Header

Adding/Removing Navigation in the Top Header

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Top Header

TopHeader 3. Next select Navigation

Navigation 4. Under the label Top Navigation you can use the dropdown menu to select the menu that you would like in the Top Navigation, to have no navigation in the Top Navigation select — Select —

MenuDropdown 5. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Styling the Navigation in the Top Header

Colors

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Top Header

TopHeader 3. Next select Navigation

Navigation 4. There are three sections of colors that can be edited, Color, Sub Menu Color, and Sub Menu Background Color. Color and Sub Menu Color control the color of text while Sub Menu Background Color controls the color of a background
5. To edit any of these click on Select Color under any of those options

ThreeColors 6. A color palette should pop up. When it does you can either:

a. Select a color by inserting a hex value
b. Drag the cursor and slider around in the color panels to get an exact color
c. Choose from the default colors at the bottom
d. Click on Default to get the default color scheme

ColorPalette

7. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Font Size

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Top Header

TopHeader 3. Next select Navigation

Navigation 4. Under the section Font Size there is an editable textbox. You can either type a number into the textbox or use the arrows on the side of the textbox to fine tune your font size

Font Size Selection 5. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Font Family

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Top Header

TopHeader 3. Next select Navigation

Navigation 4. Under the section Font Family there is a dropdown menu. You can either search for the font family you are looking for with the search feature or you can select a font family in the dropdown menu

FontFamily 5. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

Changing the Background of the Top Header

1. From your WordPress Dashboard navigate to Appearance > Customize
2. In the left sidebar of the Customizer select Top Header

TopHeader 3. Next select Background

Background 4. Under the label Background Color you can set a background color:

a. Click Select Color

BackgroundColorOption

b. A color palette should pop up. When it does you can either:

i. Select a color by inserting a hex value
ii. Drag the cursor and slider around in the color panels to get an exact color
iii. Choose from the default colors at the bottom
iv. Click on Default to get the default color scheme

ColorPalette

5. Under the label Background Image you can select a background image:

a. Click Select Image

BackgroundImageOption

b. Your Media Library should pop up, select the image that you would like to be your background image and click Choose Image

MediaLibrary

c. Next you’ll want to set your Background Image Options, under the label Background Repeat you can set how you would like your background to repeat by selecting one of the options

BackgroundRepeat

d. Under the next label, Background Position, select the position you’d like your background to be in

BackgroundPosition

e. Finally, under the label Background Attachment select the background attachment you would like to have

BackgroundAttachment

6. When you are finished click on Save & Publish in the top-right corner of the sidebar

SaveAndPublish

This entry was posted in