A header builder that works with any theme. Front-end drag&drop interface to create pixel perfect headers with ease.

George Tudor

StaxWP

SeventhQueen

<p>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.<br />
Check out <strong><a href="https://staxbuilder.com/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Stax Builder demos</a></strong>.</p>
<h4>Works with any theme</h4>
<p>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.</p>
<h4>Mobile/Tablet/Desktop different content & settings</h4>
<p>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?</p>
<h4>Live design – like it should be</h4>
<p>See live how your header looks, right at the moment of edit. Easily switch from desktop, tablet or mobile view</p>
<h4>Unlimited headers</h4>
<p>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.</p>
<h4>Deleted items history</h4>
<p>Removed an elements you now want back? Say no more, Deleted Items to the rescue</p>
<h4>STAX Builder Pro. Create a really professional header</h4>
<p>Header resize, Header Slide up, Header transparent. Different logo for resize and transparent states.<br />
Templates.<br />
Import/Export Headers.<br />
Saved Elements.<br />
Page level header.<br />
And many more.</p>
<h4>Free widgets .. for now</h4>
<ul>
<li><strong>Logo</strong>. Add a logo with lots of options to style.</li>
<li><strong>Menu</strong>. Add your existing WordPress menus to the header.</li>
<li><strong>Search</strong>. Add a WordPress search</li>
<li><strong>Button</strong>. Create an eye-catching button</li>
<li><strong>Icon</strong>. Add an icon and play with the cool options</li>
<li><strong>Text</strong>. A WYSIWYG text editor, just like the WordPress editor.</li>
<li><strong>Image</strong>. Control the size and other settings of images.</li>
<li><strong>Link</strong>. Add a quick link</li>
<li><strong>Separator</strong>. Use it to nicely separate header elements</li>
<li><strong>Accordion</strong>. Used for the Content area, easily create content that expands</li>
<li><strong>Tabs</strong>. Easily create tabbed content</li>
<li><strong>Divider</strong>. Separate content with the help of this element</li>
<li><strong>Google Map</strong>. App a Google map to your page</li>
<li><strong>Heading</strong>. Styled text with lot of options and typography.</li>
<li>
<p><strong>Spacer</strong>. Adds space between content elements</p>
</li>
<li>
<p><strong>And counting…</strong></p>
</li>
</ul>
<h4>Documentation and Support</h4>
<ul>
<li>For documentation and tutorials go to our <a href="https://docs.staxbuilder.com/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Documentation</a>.</li>
<li>If you have any more questions, visit our support on the <a href="https://wordpress.org/support/plugin/stax" rel="ugc">Plugin’s Forum</a>.</li>
<li>For more information about features check out our website at <a href="https://staxbuilder.com/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">STAX Builder</a>.</li>
</ul>
<h4>Do you like STAX Builder?</h4>
<ul>
<li>Join our <a href="https://www.facebook.com/groups/Stax/" rel="nofollow ugc">Facebook Group</a>.</li>
<li>Join our <a href="https://spectrum.chat/stax" rel="nofollow ugc">Spectrum Community</a>.</li>
<li>Learn from our tutorials on <a href="https://www.youtube.com/channel/UCPhNdFwX254P98QzDU5B-ww" rel="nofollow ugc">Youtube Channel</a>.</li>
<li>Or rate us on <a href="https://wordpress.org/support/plugin/stax/reviews/?filter=5/#new-post" rel="ugc">WordPress</a> 🙂</li>
</ul>
<h4>Minimum Requirements</h4>
<ul>
<li>WordPress 4.6 or greater</li>
<li>PHP version 5.4 or greater</li>
<li>MySQL version 5.0 or greater</li>
</ul>
<h4>We recommend your host supports:</h4>
<ul>
<li>PHP version 7.1 or greater</li>
<li>MySQL version 5.6 or greater</li>
<li>WordPress Memory limit of 64 MB or greater (128 MB or higher is preferred)</li>
</ul>
<h4>Installation</h4>
<ol>
<li>Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the <code>wp-content/plugins/</code> directory of your WordPress installation.</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress.</li>
<li>Go to your site in front-end.</li>
<li>Press the ‘Edit with Stax’ button found at bottom-right of the page.</li>
</ol>
<p>For documentation and tutorials visit our <a href="https://docs.staxbuilder.com/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Knowledge Base</a>.</p>


STAX Header Builder

Stax is our valuable work for over 1 year. We want to help everyone to build great headers. We are 100% dedicated and will make Stax a great plugin. 

Author review and first review

5 out 5 stars for sure. you can customize everything in your header.

Alternatives to STAX Header Builder

Top alternatives