Astra Header Footer Builder is available in BETA! Read more at the end of this post.
The drag and drop Header and Footer Builder is coming soon to Astra! ?
We are thrilled to introduce the most awaited drag and drop Header and Footer Builder. It opens all-new design possibilities and gives you the freedom to customize navigation of your website with a theme.
And yes, without coding! ?
You’ll soon be able to effortlessly build any type of Headers and Footers visually and more efficiently in record time! (In the Astra way, as you know). 😉
The Header builder lets you add a logo, primary menu, secondary menu, HTML code, buttons, social icons, and more in the headers. While the Footer builder lets you add a footer menu, different widgets and social icons in the footer.
The builder gives you complete control over the positioning and styling of header and footer elements with a live editor.
I’m so eager to show you all the possibilities it entails, so here I go.
Design Stunning Headers at the Speed of Your Imagination!
Build Customized Headers to Match Your Website Style
Do you wish to play around with headers and design them just like you design pages? The Header builder gives you various styling options to customize all the elements you could include in your header.
You get styling options to manage margins, colors, borders, and typography you can control how each item in the header may look. This enables you to create headers that’ll look far different than the default ones that come with the theme.
Add Multiple Headers & Include All Necessary Elements
Do you want to add multiple elements in your header? Imagine a header with a website logo, site title, menu, social icons and a call-to-action. Won’t that look messy together?
You can add above and below headers to include these elements according to your preference. This makes sure that your headers will look neat and contain everything that’s necessary.
With the Header builder, you can add and modify an above header, below header, a transparent and sticky header too.
Improve Website Navigation with Multiple Menus
Larger websites may need two menus. Take our website for example. We have several pages with different priorities and therefore have two menus that make navigation easier.
The Header builder allows you to add two menus in the header section. You can choose to add them within the same header in different columns or different headers altogether.
Some Examples of Headers You Can Build Using the Header Builder
Design Complimentary Footers to Your Website Design!
Creating Footers Was Never So Effortless!
Have you enjoyed building footers as much as you do building the entire website? Very often we see people ignore this part of the website. But, wait. What if this is made a lot more fun and easy to play around with?
Astra’s Footer Builder gives you complete freedom to position footer elements and customize them to suit your website. You can fetch widgets, social icons, footer menu and more with complete design freedom.
Organize the Footer Elements in Different Layers
Wondering what I meant by layers? Well, like headers, you can add multiple footers too. This lets you sort necessary elements and distribute them in the main, above and below footers.
The Footer Builder lets you build primary footer alongside extra footers simply by adding and positioning elements within them. You just need to manage the spacing and style to make it look amazing.
Design Valuable Footers with All Necessary Elements
A footer is not just a place to add navigation links. You can add a lot more like your business address, contact details, social icons, a call-to-action button and more.
The Footer Builder lets you add components like widgets, social icons, a button, and footer menu to make sure the footer has everything to complement the context of your website.
Some Examples of Footers You Can Build Using the Footer Builder
Have Questions? We’ve Answered a Few Below!
1. Will the Header Footer Builder be a part of the free Astra theme?
Ans: Yes! You will be able to build headers and footers with the free Astra theme. The Astra Pro addon will add more powerful features you’ll love.
2. Will I be able to manage the above and below headers with the Header and Footer Builder in the free Astra theme?
Ans – Yes. You will be able to add above and below headers using the Header Builder. Simply drag and drop elements you wish to add in them.
3. Can I customize the transparent and sticky headers with the Header Footer Builder too?
Ans – Yes. You will be able to build and design a Transparent header or a Sticky Header using this builder.
Astra Keeps Getting Better!
We aim to make Astra better, faster and easier to use with every update. Whether it’s a new feature, some improvements, and optimization. The most recent example is the optimized customizer and color controls in Astra 2.6.0.
Our team has worked tirelessly to perfect Astra Header Footer Builder. Every element of this new feature has been designed to help you build better headers and footers with minimal effort.
We’d appreciate if you try the Beta version and share your feedback with us.
First Beta Version Is Released! Get It Now!
We’ve released the first Beta version of the Astra Header Footer Builder in the Astra theme and Astra Pro plugin.
We invite you to try and test the beta version. You can now download beta zip for the theme and plugin.
Download the beta version of Astra Theme here.
Note: We strongly recommend you to use the beta version of the theme and plugin in a test environment only. Do not use it on a live site. This will let you try new features without worrying about what breaks. Know more about the Astra beta version and Automatic Beta Updates for Astra.
Helpful Resources for Astra Header Footer Builder
Here are some article links that will help you to get started with Astra Header Footer Builder.
- FAQs – Astra Header/Footer Builder
- Create a Header with Astra Header Builder
- Create Mobile Header With Astra Header Builder
- Create a Footer with Astra Footer Builder
- Add Multiple Elements in Header Footer Builder
Feel free to drop your suggestions in the comments below.