--- title: How to use Header, Content, Footer description: How to use Header, Content, Footer with Ministry Designs Sites --- [Skip to content](https://success.ministrydesigns.help/how-to-use-header-content-footer#main-content) English Show submenu for translations [Submit a Ticket](https://success.ministrydesigns.help/kb-tickets/new) [![MD Logo 1\_Black-2](https://success.ministrydesigns.help/hs-fs/hubfs/MD%20Logo%201_Black-2.png?width=200&height=73&name=MD%20Logo%201_Black-2.png)](https://ministrydesigns.com/) Open main navigation Close main navigation - English Show submenu for translations - [Submit a Ticket](https://success.ministrydesigns.help/kb-tickets/new) How can we help you? - There are no suggestions because the search field is empty. 1. [Ministry Designs Success Hub](https://success.ministrydesigns.help/) 2. [Sites (Formerly Omega)](https://success.ministrydesigns.help/sites-formerly-omega) 3. [Pages](https://success.ministrydesigns.help/sites-formerly-omega#pages) # How to use Header, Content, Footer ## Learn about three main working areas for pages in your website builder - Header, Content, and Footer 1\. Any page is separated into three main sections: **Header, Content, Footer** The **Header and Footer** are special areas that appear consistently across all or selected pages of your site. You use them to add content that should stay the same on every page, such as: – Logo – Navigation Menu – Contact Info – Social Media Icons – Copyright notice To edit them, open any page and click on the **Header** or **Footer** section. You can drag and drop widgets inside, just like with the rest of the page. Any changes you make to the Header or Footer will automatically update on all pages where they are active. ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-02/422fc891-c404-40bc-9806-8adc831a2243/ascreenshot.jpeg?tl_px=275,75&br_px=1652,844&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=510,110) ### Header 2\. Click on the Header section to add widgets to it from the left side panel. Alternatively, you can use the [Simplified Editing](https://success.ministrydesigns.help/enable-quick-on-canvas-edits) panel below to quickly add widgets and blocks ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-02/36ea67bd-8075-4f01-a5d0-b156a6d048e1/ascreenshot.jpeg?tl_px=384,0&br_px=1531,640&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=524,207) Notice that the **Content** section is greyed out when editing the **Header** or **Footer** because these sections are managed separately. This prevents accidental changes to the main page content while you focus on editing the shared Header or Footer, which appears across multiple pages. 3\. Click "Save" to confirm the changes ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-02/7256e83f-4712-48d5-bd8d-814e8774b8a0/ascreenshot.jpeg?tl_px=1060,0&br_px=1920,480&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=792,63) ### Content 4\. The **Content** section is where you build the unique content of each page, like text, images, and widgets specific to that page. Unlike the **Header** and **Footer**, which stay the same on all pages, the **Content** section is different on every page and holds the main information visitors come to see. Drag and drop widgets from the left side panel or use the [Simplified Editing](https://success.ministrydesigns.help/enable-quick-on-canvas-edits) panel to quickly add widgets and blocks ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-02/b603b50f-74c5-42d3-b21c-24d89a19af33/ascreenshot.jpeg?tl_px=466,185&br_px=1449,734&force_format=jpeg&q=100&width=983&wat_scale=87&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=459,243) 5\. Click "Save" to confirm the changes ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-02/44a50ea4-9c8d-4621-9eb0-c9075f878f1f/ascreenshot.jpeg?tl_px=1060,0&br_px=1920,480&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=773,62) ### Footer 6\. Edit the footer. Drag and drop widgets from the left side panel or use the [Simplified Editing](https://success.ministrydesigns.help/enable-quick-on-canvas-edits)  panel to quickly add widgets and blocks ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-02/00bbcf59-4832-42f7-9e17-df60feba3a39/ascreenshot.jpeg?tl_px=523,464&br_px=1383,945&force_format=jpeg&q=100&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=402,266) 7\. Enable the "Sticky" effect for the footer. If enabled, this feature allows you to pin the footer section to the bottom part of the page. You can also enable Sticky on mobile with the corresponding checkbox ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-02/0b3b74d5-8ef4-4209-ada9-536cf713a3ed/ascreenshot.jpeg?tl_px=817,81&br_px=1800,630&force_format=jpeg&q=100&width=983&wat_scale=87&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=710,185) 8\. Click "Save" to confirm the changes ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-02/75be9760-163b-41ea-9879-6bc9ab2fda66/ascreenshot.jpeg?tl_px=832,23&br_px=1815,573&force_format=jpeg&q=100&width=983&wat_scale=87&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=897,37) 9\. The example above was demonstrated to show you the structure of the page. With default headers and footers that come with our website builder, the page will look something like this. You can also [download blocks](https://success.ministrydesigns.help/website-builder-how-to-download-blocks-and-pages-from-the-design-kit-library) with premade content for all three sections ![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2025-03-02/f077b057-ced5-4ff4-8ec2-01753d0d6853/ascreenshot.jpeg?tl_px=332,0&br_px=1479,640&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=523,243) Additionally, please refer to [this guide](https://success.ministrydesigns.help/how-to-manage-page-properties) on how to manage Headers and Footers - [Account](https://success.ministrydesigns.help/account) - [Sites (Formerly Omega)](https://success.ministrydesigns.help/sites-formerly-omega#main-content) - [Next-Steps Framework](https://success.ministrydesigns.help/sites-formerly-omega#next-steps-framework) - [Video Guides](https://success.ministrydesigns.help/sites-formerly-omega#video-guides) - [Site Builder Profile Settings](https://success.ministrydesigns.help/sites-formerly-omega#site-builder-profile-settings) - [Pages](https://success.ministrydesigns.help/sites-formerly-omega#pages) - [Design](https://success.ministrydesigns.help/sites-formerly-omega#design) - [Media Library](https://success.ministrydesigns.help/sites-formerly-omega#media-library) - [Extensions](https://success.ministrydesigns.help/sites-formerly-omega#extensions) - [Blog](https://success.ministrydesigns.help/sites-formerly-omega#blog) - [Events](https://success.ministrydesigns.help/sites-formerly-omega#events) - [Small Groups](https://success.ministrydesigns.help/sites-formerly-omega#small-groups) - [Sermons](https://success.ministrydesigns.help/sites-formerly-omega#sermons) - [Settings](https://success.ministrydesigns.help/sites-formerly-omega#settings) - [SEO](https://success.ministrydesigns.help/sites-formerly-omega#seo) - [Website Management](https://success.ministrydesigns.help/sites-formerly-omega#website-management) - [FAQ](https://success.ministrydesigns.help/sites-formerly-omega#faq) - [illume for Church Members](https://success.ministrydesigns.help/illume-for-church-members#main-content) - [Signing Up](https://success.ministrydesigns.help/illume-for-church-members#signing-up) - [Giving](https://success.ministrydesigns.help/illume-for-church-members#giving) - [illume for Church Administration](https://success.ministrydesigns.help/illume-for-church-administration#main-content) - [Getting Started](https://success.ministrydesigns.help/illume-for-church-administration#getting-started) - [Managing Your Account](https://success.ministrydesigns.help/illume-for-church-administration#managing-your-account) - [Using People](https://success.ministrydesigns.help/illume-for-church-administration#using-people) - [Using Giving](https://success.ministrydesigns.help/illume-for-church-administration#using-giving) [![MD Logo 1\_Black-3](https://success.ministrydesigns.help/hs-fs/hubfs/MD%20Logo%201_Black-3.png?width=200&height=73&name=MD%20Logo%201_Black-3.png "MD Logo 1_Black-3")](http://ministrydesigns.com) 15 Carlyle St Floor 2, Battle Creek, Mi 49017 [mailto:email@email.com](mailto:email@email.com) Copyright © 2025,