How to Build a Header and Footer With Elementor

A good header and footer are site systems, not decorative strips. Build them once, assign them deliberately, and keep navigation predictable.

Create the site part in Theme Builder

Elementor's current documentation directs users to Elementor → Theme Builder to create or edit header and footer site parts. You can start from a library template or build from scratch, then publish the template with display conditions.

Use display conditions deliberately

For a global header or footer, an Entire Site condition is the usual starting point. If the element disappears on a page, check display conditions, publication status and page layout. Elementor's Canvas layout intentionally removes the normal header and footer.

Header checklist

• Keep the primary navigation short enough to scan.
• Give the main conversion action visual priority without overpowering navigation.
• Test keyboard focus and mobile menu behavior.
• Use a semantic header tag where the editor exposes the option.
• Check the sticky behavior on small screens before enabling it globally.

Footer checklist

• Repeat essential navigation and policy links.
• Use a semantic footer tag.
• Keep legal and contact information readable on mobile.
• Avoid turning the footer into an unstructured directory of every page.