Editing the Header Template


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


  1. Full-Width Section 1: 
    1. Three Button Widgets.
    2. Section Background
  2. Full-Width Section 2 
    1. Column 1: Logo
      1. 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


Full-Width Section 1: Three Button Widgets that links to a Popup



  1. Button Widgets: These buttons are able to be on the same line because we have set them to use "inline" positioning. To make this position change, go to the Advanced Tab, click Positioning, and select "Inline (auto)" from the "Width" drop-down menu.

  2. Section Background: This is currently using Background Color

Full-Width Section 2


Column 1: Logo

  1. Site Logo Widget: 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 infomation 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


  1. Nav Menu Widget
    1. How to Create a Navigation Menu in Wordpress
      1. Navigate to your Dashboard and go to Appearance > Menus.


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



Column 3: Search Form Widget

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


Section Background

  1. This is currently using Background Color