Add Header and Footer Sections to your Page

Header and footer sections allow you to create a header and footer that will sync across all pages of your site.

Add a Header or Footer Section

  1. Click on the "Sections" tab within the Sidebar.
  2. Click "Add Header" and "Add Footer" to add these sections to the page.
  3. The header and footer sections will appear on your page. 
  4. You can begin dragging content into your Header. 
  5. Click "Save" to save changes made to your Header and Footer sections.
  6. Click "View Live" to see the Header and Footer in action.

Once a Header or Footer section is added to a page you can show or hide it from other pages on your site. By default it will be hidden on other pages.

Show or Hide Header and Footer Sections on Pages

  1. From a page without site wide Header or Footer, click on the "Section" tab within the Side Bar.
  2. Select the down arrow in the lower right of the Header or Footer section.
  3. Click "Show" to have the Header or Footer appear on the page.
  4. Click "Hide" to remove the Header or Footer from the page.
  5. Click "Save" and "View Live" to see the Header and Footer in action.

Set Site Wide Header to be Fixed in Place

The site wide header can be fixed in place so it always appears at the top of pages even while scrolling down.

  1. Ensure you have a site wide header set up on your page.
  2. Select the header element by clicking the header on your page.
  3. Click Header Styles in the upper left of the header element.
  4. In the editing menu click "keep on top" to have the header stay in place while moving.
  5. Click "Save" and "View Live" to see the header remain fixed in place while scrolling on the page.

Change the Color of Header and Footers

  1. Select the Header (or Footer) by clicking the Header section on your page.
  2. Click Header Styles (or Footer Styles)  in the upper left corner of the section.
  3. In the Editing Menu select Section Background. 
  4. Choose Background color and select a color
  5. Click "Save" and "View Live" to have the new color appear for your header and footer section.
  • To adjust the height of a section, drag the squeegee icon for the section up or down.
  • Adjusting the color of header and footer sections in desktop mode will not adjust the color in mobile mode

Custom fonts added to a header will not sync throughout all pages at this time. It is recommended to use standard fonts within your header section, or add the custom font file to each page on your site.

Please contact to report any bugs or provide feedback.

User Icon

Thank you for your feedback!

Was this article helpful?
Thank you for your feedback!