The new Elementor Header and Footer with Astra Pro
Fast Fix Web Design Recommends WP Rocket For Fast Page Loading as a Result of Tons of Client Experience!
Website Elementor Header and Footer Used on Astra Pro

New Website Using Elementor Header and Footer with Astra Pro

Here’s a new website we built with the new Elementor Header and Footer using the Astra theme with the Astra Pro plugin. We also used Astra Sites for the initial site template. The site is an example of hand in glove cooperation with a graphic designer for a complete custom site in a very short time.

The site design is 100% a local graphic designer’s work. My contribution was in technical support for tips and tricks using Elementor, Elementor Pro together with CSS to fully accomplish the design.

Elementor recently introduced the Elementor Theme Builder. It includes the ability to build unique and innovative website headers and footers, together with the ability to set display conditions. In other words, the new Elementor Header and Footer widgets are very cool!

This is the second client who has genuinely needed a custom header because the palette of themes that I typically use didn’t have a header that worked the way they wanted it to work. It’s really very easy, now, to create your own custom headeer.

  1. Under Elementor My Templates, from the dropdown select Header and click Create Template.
  2. Choose a Header Block and Insert. Alternatively, you can design your own.
  3. Click the Section Settings   > Layout > HTML Tag > Change Default to Header.
  4. After you’ve finished designing, click Publish.
  5. Choose a Condition. Click to learn about conditions.

You can even choose to have different headers on different pages. Consider this another awesome WordPress design tip!

Awesome Elementor WordPress Tips


WP2FB Auto Publish Powered By :
Scroll to Top
  •  Free Elementor Template JSON File    Demo

    This One Page Business Website is meant to be used with the Elementor Canvas Template. Using the Elementor Responsive Settings, the main header menu disappears on mobile phones and becomes a vertical menu under the logo.

    Free One Page Business Site Elementor Template