Documentation > Customizing the Header

Setting up the Top Bar

2164

How To Set up Top Bar Menu

  1. To setup header menu, first Create a Menu
  2. Go to Appearance -> Menus
  3. From the top, Click on Manage Location tab
  4. Select your newly created menu from the drop-down beside Topbar Navigation
  5. Click on Save Changes

 

How To Turn on The Top Bar Area

To enable Top Bar

  1. Go to Dashboard -> Appearance -> Customize -> Header ->Top Bar
  2. Find the Enable Top Bar& turn it on
  3. Click onSave Changes

 

How To Display The Top Bar Menu

To enable Top Bar

  1. Assign a menu to a top bar area from Appearance -> Customize -> Navigation
  2. Select a menu from Top bar Navigation drop down
  3. Go to Dashboard -> Appearance -> Customize -> Header ->Top Bar
  4. Find the Display Top Bar Menu & turn it on
  5. Click onSave & Publish

 

How To Change The Position of Menu on Top Bar

You can either show your menu items on the left side of the top bar or in the right. To change the menu position on Top Bar, follow these steps

  1. Go toDashboard -> Appearance -> Customize -> Header ->Top Bar
  2. Turn on theAlign Top bar Menu to Left to align the menu items to left
  3. Click onSave & Publish

 

How To Display Search on Top Bar

  1. Go toDashboard -> Appearance -> Customize -> Header ->Top Bar
  2. Turn on theDisplay Search Button
  3. Click onSave & Publish

 

How To Display Phone Number on Top Bar

  1. Go toDashboard -> Appearance -> Customize -> Header ->Top Bar
  2. Write your phone number on Top bar Phone Number field
  3. Click onSave & Publish

 

How To Change The Top Bar Color

  1. Go toDashboard -> Appearance -> Customize -> Header ->Top Bar
  2. Click on the color picker beside Top Bar Background Color to change top bar color
  3. To change the top bar font or text color Click on the color picker beside Top Bar Text Color
  4. Click onSave & Publish