Editing the Header Template

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

The header is made up of 4 columns and a background gradient.

1. Column 1: Button that links to the Popup (shown with Morning Star | Morning Star | Off Canvas Nav Section)
2. Column 2:Logo
   1. Church Websites - Elementor: How to set your Site Logo and Title
3. Column 3: Buttons (shown with Give and Watch Live)
4. Column 4: Search Form
5. Section Background: Shown with a gradient background color.

Column 1: Button that links to a Popup

Editing the Menu Icon

1.  Hover over the menu button and click the blue edit pencil.
   
   
   
   
2. Change the icon by clicking "Icon Library" when you hover the Icon field in the Edit Button menu.
   
   

Changing the Selected Popup

Currently, your design is using the "Morning Star | Off Canvas Nav Section." If you make a new popup and need to change which one is opened from your Header, follow these steps:

1. Click the "wrench icon" next to Popup in the link field.
2. Type the name of your desired Popup in the Popup field.
   
   

Editing the Popup

1. Save any current changes you've made to your Header by clicking "Update" in the bottom right corner of the editing menu.
2. Navigate to Templates> Popups> Morning Star | Off Canvas Nav Section> click "Edit with Elementor."
3. From here you can edit:
   1. Image
      
      
      
      
   2. Nav Menu: Choose which menu you want to be displayed.
      
      
      
      
   3. Edit the Popup by clicking "Settings" icon in the bottom left corner of the edit menu. From here you can change background color, animation, width, etc.
   4. Save by clicking "Update" in the bottom right corner of the edit menu.

How to Create a Navigation Menu in Wordpress

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 2: Logo

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

Editing the 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 3:  Buttons

Editing the Buttons

1. Here you can change the button text, links and even add/remove buttons. 

Column 4: Search Form

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 May 09, 2025 23:20