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

Updated May 12, 2025 21:41