header builder for wordpress

When it comes to marketing, you have to make sure that you’re always putting your best foot forward. There are so many different ways to do it, and no one is ever going to be completely satisfied with the results they get. But if you work hard enough and keep trying new things, eventually you’ll hit on something that works for your business.

In this blog post, we’re going to talk about one of those things: header builders!

header builder for wordpress

Stax is a front-end drag & drop visual header builder plugin for WordPress enabling the creation of page headers in a live, visual way. This lets you focus on the look and design of your page headers, instead of tripping over the behind-the-scenes mechanics of building headers.
Check out Stax Builder demos.

WORKS WITH ANY THEME

Yes that is right, it doesn’t matter the theme you are using. Even more cool is that you can change the theme and you can keep your built header.

MOBILE/TABLET/DESKTOP DIFFERENT CONTENT & SETTINGS

You won’t see this in any other builder. Just an example is to have your logo in one place on desktop and centered on mobile. You can change the content just on a specific resolution if you like or just the settings of an element. How cool is that?

LIVE DESIGN – LIKE IT SHOULD BE

See live how your header looks, right at the moment of edit. Easily switch from desktop, tablet or mobile view

UNLIMITED HEADERS

For real, you can have as many headers on your site. Change background, border, typography, make’em sticky, boxed, full-width, custom height, custom width.

DELETED ITEMS HISTORY

Removed an elements you now want back? Say no more, Deleted Items to the rescue

STAX BUILDER PRO. CREATE A REALLY PROFESSIONAL HEADER

Header resize, Header Slide up, Header transparent. Different logo for resize and transparent states.
Templates.
Import/Export Headers.
Saved Elements.
Page level header.
And many more.

FREE WIDGETS .. FOR NOW

  • Logo. Add a logo with lots of options to style.
  • Menu. Add your existing WordPress menus to the header.
  • Search. Add a WordPress search
  • Button. Create an eye-catching button
  • Icon. Add an icon and play with the cool options
  • Text. A WYSIWYG text editor, just like the WordPress editor.
  • Image. Control the size and other settings of images.
  • Link. Add a quick link
  • Separator. Use it to nicely separate header elements
  • Accordion. Used for the Content area, easily create content that expands
  • Tabs. Easily create tabbed content
  • Divider. Separate content with the help of this element
  • Google Map. App a Google map to your page
  • Heading. Styled text with lot of options and typography.
  • Spacer. Adds space between content elements
  • And counting…

DOCUMENTATION AND SUPPORT

  • For documentation and tutorials go to our Documentation.
  • If you have any more questions, visit our support on the Plugin’s Forum.
  • For more information about features check out our website at STAX Builder.

DO YOU LIKE STAX BUILDER?

  • Join our Facebook Group.
  • Join our Spectrum Community.
  • Learn from our tutorials on Youtube Channel.
  • Or rate us on WordPress 

MINIMUM REQUIREMENTS

  • WordPress 4.6 or greater
  • PHP version 5.4 or greater
  • MySQL version 5.0 or greater

WE RECOMMEND YOUR HOST SUPPORTS:

  • PHP version 7.1 or greater
  • MySQL version 5.6 or greater
  • WordPress Memory limit of 64 MB or greater (128 MB or higher is preferred)

INSTALLATION

  1. Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the wp-content/plugins/ directory of your WordPress installation.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to your site in front-end.
  4. Press the ‘Edit with Stax’ button found at bottom-right of the page.

For documentation and tutorials visit our Knowledge Base.

elementor header template free download

Have you ever imagined you could create your website header and footer with Elementor for FREE?

Elementor Header & Footer Builder is a simple yet powerful WordPress plugin that allows you to create a layout with Elementor and set it as
– Header
– Footer
– Block (anywhere on the website)

CREATE ATTRACTIVE DESIGNS

Elementor editor gives you the flexibility to design beautiful sections. Using it you can create out of the box header and footer designs.

PICK DISPLAY LOCATIONS

Want to display a custom header template only on the homepage or on the blog archive page or on the entire website? Well, this plugin allows choosing a specific target location to display header and footer on.

ADD ELEMENTOR BLOCKS ANYWHERE

Apart from header and footer, you can design custom templates with Elementor and set it at any place on the website with a shortcode.

‘BEFORE FOOTER’ TEMPLATE

Along with the main footer, the plugin gives the additional area – above the footer – where you can append your custom template. This gives great flexibility in footer design.

AVAILABLE WITH ELEMENTOR CANVAS TEMPLATE

Your custom header/footer layout can be easily displayed on the pages where Elementor Canvas Template is enabled.

COMES WITH INBUILT WIDGETS

The plugin offers inbuilt widgets that help to create header/footer layouts. These widgets offer basic required features so you don’t have to look for extra plugins.

  • Site Logo – Automatically inherits a logo from the customizer. You can even set a custom image as a logo with a custom link and caption.
  • Site Title – Site name will be automatically inherited from the customizer. You can add prefix, suffix, icon, and link with it.
  • Site Tagline – It will display a tagline from the customizer. You get an option for prefix, suffix, icon, and link with it.
  • Navigation Menu – Offers you list of already created menus on your website. You just need to choose the required one. If offers 4 layouts for the menu – horizontal, vertical, expanded and flyout. With many other options, you can even set custom icons to open and close the menu.
  • Page Title – Displays your current post/page title and offers additional options for prefix, suffix, icon, link, and alignment.
  • Retina Image – You can upload the retina image for high definition screens.
  • WooCommerce Menu Cart – You can display current number of products in the cart along with the total price.
  • Copyright – It offers constants to display copyright notice – [hfe_current_year] and [hfe_site_title].
  • Search – Add a search form to your with different layout and styling options.

WORKS WITH ALL THEMES

Elementor Header & Footer Builder plugin works with all WordPress themes. Few of the themes have direct support while for few you can choose a method to add theme support.

In case you face any difficulty displaying header/footer, manually choose the theme support method. Visit Appearance > Elementor Header & Footer Builder > Theme Support. Select a method to suit your current theme and you are good to go!

STEPS TO USE THE PLUGIN

Step 1 – Visit Appearance > Elementor Header & Footer Builder and click on the ‘Add New’.

Step 2 – Select ‘Type of Template’ (header/footer/block). Set its display location and user roles.

Step 3 – Publish it.

Step 4 – Edit it with Elementor and design a section.

Step 5 – Save it and you are done!

You can refer to our step-by-step article that will help you set Elementor headers and footers quickly.

LOOKING FOR PREMIUM ELEMENTOR ADDONS AND WIDGETS?

Check Ultimate Addons for Elementor. It is a library of creative and unique Elementor widgets that add more functionality and flexibility to your favorite page builder.

HAVE YOU TRIED ASTRA WITH ELEMENTOR?

Powering over 1+ Million WordPress websites, Astra is loved for the performance and ease-of-use it offers.

People love Astra for –

Better Performance – Optimized code and modular architecture make Astra the most lightweight theme for a faster loading website!

Page Builder’s Best Friend – Astra works great with all page builders. Its support for custom layouts, Elementor templates, and ready-made starter sites makes it the best theme for Elementor.

Ready-to-use complete website templates – Astra offers free ready-made website demos built with Elementor. You can choose any of the Elementor Templates, tweak them as you want and go live in minutes!

SUPPORTED & ACTIVELY DEVELOPED

Need help with something? Have an issue to report? Visit Plugin’s Forum.

Get in touch with us on GitHub.

Made with love at Brainstorm Force!

Leave a Comment