Type and press Enter.

The Header

The Top Bar
The Logo
The Navigation Menu
The Header Layout
Transparent Header

The Top Bar

  1. Go to Appearance → Customize → Layout → Top Bar
    Here you can add/remove a search icon, social icons, cart icon, account icon, enter an address (and optionally link it Google Maps or the contact page), phone number, business hours, email or other info.
    (The social icons can be set up at Appearance → Customize → Connect → Social Accounts )
  1. Go to Appearance → Customizer → Site Identity .
  2. Here you can upload your logo, as well as the logo for transparent headers.
    (It is recommended to upload your logo twice the width and height that you actually want to display it so it looks sharp on Retina screens. For example if you wish to display a logo with a width of 200px and a height of 100px, upload a logo with a width of 400px and a height of 200px.)
  3. Below, enter your logo’s width.
    (For example if you uploaded a logo with a width of 400px, enter 200.)

The Navigation Menu

  1. Click Appearance > Menus.
  2. Create a new menu or edit the existing one. Detailed instructions on how to work with the WordPress menu can be found in the WordPress Menu User Guide
  1. In Menu Settings select Display location Primary and click Save Menu.
  1. Click on the drop down arrow of a menu item to change the Navigation Label or if you want to open the menu item in a new tab.
  1. Click Screen Options in the top right corner for more options.

The Header Layout

  1. Go to Appearance → Customizer → Layout → Header .
  2. The theme includes 4 header layout options:
    – Logo centered between Navigation items
    – Navigation below Logo
    – Logo left – Navigation right and
    – Side Navigation

INFO:
The option “Logo centered between Navigation options” will only work if a menu is assigned to the Primary Menu Display Location.

Transparent Header

How to set a transparent Header for single pages:
  • Add a new page or edit an existing one.
  • In the right sidebar, click Page and scroll down to Page Settings.
  • Check the following settings:
    • Hide Page Title
    • Remove Page Padding Top
    • Transparent Header
    • Optionally you can also select a different logo and navigation color. For example if your regular logo is black but you wish to add a transparent header above a dark background, you can upload a white logo in the Customizer at Appearance → Customize → Site Identity → Logo for Transparent Header and select white navigation color at Appearance → Customize → Colors → Transparent Navigation.