Elementor Header & Footer

Take more control over the header and footer on your website with Elementor page builder. Create and customize new block templates.

Plugins required: Elementor page builder, Elementor Header & Footer Blocks, and MasterStudy Elementor Widgets. Before starting work, make sure plugins are active.

Create a new template

To create a new template for header/footer go to Dashboard > Appearance > Elementor.

Header, Footer & Blocks screen displays all the templates and allows you to create a new one.

Click Edit with Elementor to design your template.

To add a new template open the Elementor Library by clicking on the Import Template in the lower right corner.

Select one of the templates and click Insert to import the layout. You can add different elements as well and customize the header/footer.

When editing the template, scroll down the page to Elementor - Header Footer & Block options.

This section provides a set of options where you can:

  • select the type of template (like header, footer, etc.);

  • choose where to display the template;

  • specify the user roles.

Also, there are STM additional settings where you can make the header sticky. Simply enable the option Make Header Sticky.

You can specify the threshold for the header in Sticky threshold apply style. That means, the sticky header style will be applied once you scroll down the page a certain amount of pixels, then the block is fixed on the page. You can also set the background color.