Hope Theme: Header

Editing the Header Template

 

Navigate to Templates> Theme Builder> click the "Header" tab> Hope | Header> click "Edit with Elementor."

 

The header is made up of 3 columns and background color.

 

  1. Column 1:Logo
    Church Websites - Elementor: How to set your Site Logo and Title
  2. Column 2: Nav Menu Widget
  3. Column 3: Search Form Widget
  4. Section Background: Shown with a Background color and Box Shadow.

 

 


Column 1: Logo

 

Editing the Logo

  1. Note that depending on your logo orientation, you may need to edit your column widths and height of your full-width section. Make sure to check the Tablet and Mobile views as you adjust. 

 

 

For information on how to set your Site Logo and Title, check out this Article: Church Websites - Elementor: How to set your Site Logo and Title

 


Column 2: Nav Menu Widget

 

Editing the Navigation Menu

  1. Note that depending on your logo orientation, you may need to edit your column widths and height of your full-width section. Make sure to check the Tablet and Mobile views as you adjust. 
  2. Here you can change which menu is displayed, link styles, the mobile menu style and much more.

 

 

How to Create a Navigation Menu in Wordpress

 

Navigate to your Dashboard and go to Appearance Menus.

 

 

For more information on how to create and edit a Menu, check out this article by Wordpress: WordPress Menu User Guide

 


Column 3: Search Form Widget

 

Editing the Search Form

  1.  Here you can change styling, what Search Form Skin is used, and much more

 


Section Background

 

Editing the Section Background

  1.  Right-click on the blue Section menu and click "Edit Section."

  2. Change the color and background style under the "Style" tab.

  3. Change the Motion Effects and much more under the "Advanced" tab.

 


 

Updated

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request