In this video in the Elementor to Bricks Series, I’ll show you how to create headers and footers in Bricks Builder. If you’re coming from Elementor, you’ll learn where these are managed, how template assignments work, and the differences in Bricks so you can build site-wide headers and footers.
Timestamps:
- 0:00 Introduction
- 1:09 Create Header Template
- 4:21 Create Footer Template
Creating Headers and Footers in Bricks When Moving From Elementor
When transitioning from Elementor to Bricks, one of the first things you will need to understand is how templates, headers, and footers are handled. While both builders allow you to create custom headers and footers with specific display conditions, the workflow is slightly different.
In Elementor, you are likely familiar with using the Theme Builder interface to create a header or footer. You can add a new template, design it with Elementor’s editor, and then assign conditions when publishing. These conditions allow you to display the header or footer across the entire website or only on specific pages.
Bricks approaches this process differently. Instead of using a separate theme builder interface, Bricks functions as a WordPress theme that relies on templates. You still have the same level of control over where your designs appear, but you manage everything through the template system.
Creating a Header Template in Bricks
To create a header in Bricks, start by navigating to your WordPress dashboard.
Go to:
Bricks → Templates → Add New Template
From here, create a new template and give it a name such as “Header.” Since Bricks uses templates for different parts of your website, you will need to choose the correct template type.
For a header, select:
Template Type → Header
This is similar to selecting a header template in Elementor. Bricks includes several template types, including:
- Header
- Footer
- Single posts
- Sections
- Popups
- Other custom templates
If you do not see the template type option, you may need to enable it through the WordPress Screen Options menu.
After selecting the header template type, save your draft and click Edit with Bricks.
Designing Your Header Layout
Once you open the Bricks editor, you will start with a blank canvas. From here, you can build your header just like any other section of your website.
For example, you can add:
- A logo
- A navigation menu
- Buttons
- Additional header elements
When adding an SVG logo, you may need to manually set the width. Depending on how the SVG is configured, Bricks may not automatically assign the correct dimensions.
For a basic header layout, you might create a horizontal structure with the logo on one side and the navigation menu on the other. Using settings such as spacing between elements and alignment controls, you can quickly create a standard website header.
Assigning Header Conditions in Bricks
One important difference between Elementor and Bricks is when you assign display conditions.
In Elementor, conditions are typically assigned during the publishing process. Bricks requires you to manually set them inside the template settings.
Before continuing with your design, it is recommended to open the template settings by clicking the gear icon in the Bricks editor.
Inside the template settings, you will find the conditions section. This is where you decide where the header should appear.
Common options include:
- Entire website
- Specific post types
- Specific pages
- Custom conditions
For most websites, selecting the entire website option will display the header everywhere.
Bricks also includes additional header-specific settings, such as sticky header options. These controls are built directly into the header template settings and provide more flexibility without needing additional features.
After saving your conditions, you can preview your website on the front end and see your new header in action.
Creating a Footer Template in Bricks
Creating a footer follows almost the exact same process as creating a header.
Navigate back to:
Bricks → Templates → Add New Template
Create a new template and name it something like “Footer.”
This time, select:
Template Type → Footer
Save the draft and open it with Bricks.
Before designing the footer, it is a good idea to immediately set your display conditions.
Open the template settings, assign the footer condition, and choose where it should appear. This prevents you from forgetting this important step later.
Once the conditions are set, you can begin adding your footer content.
A footer might include:
- Copyright information
- Navigation links
- Contact details
- Social media links
- Additional website information
After saving the template, your new footer will appear on the front end of your website.
Bricks Templates Compared to Elementor Theme Builder
One of the biggest differences between Elementor and Bricks is the way templates are managed.
Elementor provides a more graphical Theme Builder interface where you can visually switch between headers, footers, and other templates.
Bricks takes a more traditional WordPress approach. Instead of a visual theme builder dashboard, templates are managed through a list format inside WordPress.
For users coming from Elementor, this may feel different at first. However, the functionality is very similar. You can still create headers, footers, popups, and custom templates with specific conditions.
The advantage of the Bricks approach is that it keeps the system lightweight and closely follows WordPress conventions. The template manager is simple, fast, and avoids unnecessary distractions.
Conclusion
Creating headers and footers in Bricks is straightforward once you understand how templates work. While Elementor uses a more visual Theme Builder system, Bricks relies on a cleaner template-based workflow.
The main steps are:
- Create a new template.
- Select the correct template type.
- Design the layout in Bricks.
- Assign display conditions in the template settings.
- Save and preview your changes.
If you are moving from Elementor, the biggest adjustment is remembering to set your conditions manually inside Bricks. Once that becomes part of your workflow, creating headers and footers becomes quick and efficient.
Bricks also provides additional template options for elements like popups and custom layouts, making it a flexible alternative for building WordPress websites.
