Editing the Header Template


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


The header is made up of 4 sections. Of which 2 sections are hidden on desktop.



  1. Top Section Background: Shown with a light gray background-color
    1. Column 1: Social Icons Widget
    2. Column 2: Search Form Widget
  2. Section 2 Background: with Box Shadow
    1. Column 1: Site Logo
      1. For tablet and mobile view, there is a separate section of just the logo, which is not viewable on desktop. Not only does this allow a better logo placement for tablet and mobile, but also allows you to place a different logo orientation for tablet and mobile if needed.
      2. Church Websites - Elementor: How to set your Site Logo and Title
    2. Column 2: Nav Menu Widget
      1. For tablet and mobile view, there is a separate section of just the navigation, which is not viewable on desktop. This allows a better navigation response on tablet and mobile.





Top Section: This section is not hidden


Column 1: Social Icons Widget




Column 2: Seach Form Widget

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





Section 2: This section contains a hidden section on table and mobile


Column 1: Site Logo


Note that depending on your logo orientation, you may need to edit your column widths and height of your column. 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


Note that depending on your logo orientation, you may need to edit your column widths and heights of your column. Make sure to check the Tablet and Mobile views as your adjust.


  1. 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