Website Building » Elementor » How do I use Elementor header and footer?

How do I use Elementor header and footer?

Last updated on September 25, 2022 @ 3:57 am

Beginning with Elementor, you can use the header and footer sections to create a table of contents for your page, as well as for other important page elements like navigation. You can also use them to create custom designs for your site’s layout, or to insert graphics or text that will be visible on all pages.

To create a header or footer in Elementor, first select the content you want to include in the section. Next, use the controls at the top and bottom of the editor to position the content where you want it.

You can also style the header and footer using the same options as the rest of your content.

PRO TIP: Using Elementor header and footer can be tricky. If you’re not careful, you can easily end up with a header or footer that looks nothing like the rest of your site. Here are a few things to keep in mind when using Elementor header and footer:

1. Make sure your header and footer match the rest of your site’s design. If your site has a light background, for example, make sure your header and footer match that.

2. Pay attention to the spacing between elements in your header and footer. If everything is too close together, it will look cluttered and messy.

3. Use Elementor’s built-in style options to customize your header and footer. You can change the colors, fonts, and other aspects of your header and footer to match your site’s overall look and feel.

4. Be careful not to add too much content to your header or footer. Remember that these are just the basics – you don’t want to overload them with information.

Following these tips will help you avoid common pitfalls when using Elementor header and footer. With a little care and attention, you can create a beautiful and cohesive website that looks great from

To use a header or footer in your page, simply add a header or footer section to your page, and then add the content you want to include. You can also style the header and footer using the same options as the rest of your page.

When you’re finished, you can preview your page in the browser, and then save it to your site. You can also use the preview features in the Elementor editor to test different styles and configurations before you actually publish your page.

The conclusion to this article is that Elementor offers an easy way to create custom headers and footers for your pages. By using the controls at the top and bottom of the editor, you can position the content where you want it, and you can style the header and footer using the same options as the rest of your content.

You can also preview your page in the browser before you save it, and use the Elementor editor’s preview features to test different styles and configurations.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.