Site wide Header and Footer Sections

Header and Footer Sections allow have the same standard functionality as Sections with Columns. Header and Footer Sections offer the additional ability to sync across all pages of your site for a consistent experience.

Check out our video below to understand Headers and Footers


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. Select the Sections tab in the Sidebar on the left of the page.
  2. In the bottom left of the Header or Footer  thumbnail, click the dropdown icon.
  3. Select Hide or Show depending on if you would like to make the Header or Footer Section visible or invisible on the page.
  4. Click "Save" to save changes to the page.


Set a new Section to be the Site Wide Header or Footer

  1. Click on the "Sections" tab within the Sidebar.
  2. Navigate to the Section you want to be the new Site Wide Header or Footer Section.
  3. Select the drop down icon in the lower right of the Section thumbnail.
  4. Click "Make Header" or "Maker Footer"
  5. Click "Save" to save the new site wide Header or Footer Section.


Set site wide Header Position - Normal, Sticky, or Fixed

The site wide header can be set to different positions to give a unique look to your site. 

  1. Ensure you have a site wide Header set up on your page.
  2. Select the Header Section on your page.
  3. Click Header Styles in the upper left of the Header Section.
  4. In the Editing Menu select Position. 
  5. Choose a Position. 
    • Normal - Positioned at the top of the page.
    • Sticky - Remains visible at the top of page while scrolling
    • Fixed - Overlays the Section below it (by the height of the Header Section) and remains visible at the top of the page while scrolling. 
  6. Click "Save" and "View Live" to see the Header Section in action. 


Change the color or background image of a Header or Footer

  1. While editing the page, Select the Header or Footer Section.
  2. Click "Header Style" or "Footer Style" in the upper left corner of the Section.
  3. In The Edit Menu click the "Section" tab. 
  4. Select Section background. 
  5. Click background color or image to set or edit the Section background. 
  6. Click “Save” to save your page.

Adjusting the color of header and footer sections in desktop mode will not adjust the color in mobile mode


Expand or shrink the height of a Header or Footer Section

The height of your Header or Footer Section can be expanded or reduced to add more or less content within a Section. 

  1. Select the small circles on the left and right of the bottom edge of the Section.
  2. Drag the circle downwards to expand the Section, or up to reduce the Section.
  3. Click "Save" to save changes to the page.


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 support@pagecloud.com to report any bugs or provide feedback.

User Icon

Thank you for your feedback!

Was this article helpful?
Thank you for your feedback!