Headers and footers are global interface components. They should be designed once, tested carefully, and reused consistently across the site.
Native block theme method
With a compatible block theme, Site Editor templates and template parts can control global headers and footers.
Theme settings
Many classic themes provide header and footer builders in the Customizer or a theme-specific panel.
Elementor method
Elementor Pro’s Theme Builder can visually design headers and footers and apply them using display conditions.
Header priorities
Keep branding, primary navigation and the most important action easy to find. Avoid turning the header into a catalogue of every page.
Mobile navigation
Test menu opening, focus order, close controls, nested items and touch-target size.
Footer priorities
Use the footer for secondary navigation, legal links, contact information where relevant, and important trust or disclosure content.
Related guides
- Elementor pricing & plan features
- Elementor Editor Pro / ecommerce feature overview
- Elementor One overview
Plan packaging can change. The live Elementor offer is the final source for current pricing, limits and inclusions.