Header Layouts

Avada Gives You 7 Beautiful Header Layouts To Choose From

Buy Avada
Discover More
Prebuilt Websites

7 Flexible Header Designs

Avada offers a range of 7 customizable Header Layouts to suit your site’s needs. Each Header Layout provides a different look and set of options. A header can be positioned at the very top of the page, or on the left or the right. In addition to that, it can be placed above or below any slider. The main menu height, header padding, and logo margin options will auto-adjust based on your selection for ideal aesthetics.

Choose from 7
Different Header Styles

A header is essential for any website. It contains your main menu and additional information that relates to your site and for directing your visitors to critical areas and calls to action. Each of the Avada header styles is built to not only provide aesthetic differences but differing functionality dependant on your site’s requirements.

Flexible Header Positions

Each header can be positioned at the very top of the page, or on the left or the right. In addition to that, it can be placed above or below any slider. All header layouts transform into a mobile header layout automatically when the size of the viewport reaches the pixel dimensions specified in the Avada Global Options. Being perfectly responsive across all mobile devices is ensured.

Sticky Header Setup & Options

Sticky headers keep the header visible at all times as you scroll down the site pages. This feature can be enabled/disabled at any time. When in use gives your visitors immediate access to all header content no matter where they are within a page. Avada includes a sticky header for all top positions along with several customization options like a custom logo, size, animation, text, colors and more. You can also turn the sticky header on or off for desktop, tablets, and mobile.

Buy Avada Now

Header Content Sections

Header versions 2-5 offer additional content sections to add things like social icons, contact info, tagline, search box, button and more. Build the header you desire with a easy to use interface.

Creative Header Positions & Transparency

The Avada header settings make it possible to position the header above or below the slider, and also full header transparency controls for desktop and mobile.

Independent Header Width

Allow your header to show at 100% width regardless of the designated site width. This allows for more creative layouts and unique possibilities.

Amazing Style Control For Headers

Avada’s amazing network of options give you control over header styling for colors, background images, logos, fonts, borders, padding and much more. Take control of your header.

Buy Avada Now

Flyout Menu Background & Hover Effects

The Flyout menu has unique creative control with custom backgrounds and hover effects. Set a unique background image per menu item which will change on mouseover.

Header Search Overlay

Header search now comes with an “Overlay” option, which when active enables the search bar to overlay the entire header navigation in a super smooth transition.

Mobile Menu Search

We have now built and enabled functionality for you to use the search function in all mobile menus across all headers. This was a popular user request, which we have made a reality and are excited to see what customers build with it.

Unlimited Header Backgrounds

Insert global header background images or colors for every page and post, or set unique background images and colors for individual pages and posts. This gives you maximum flexibility for when you need to style a specific page differently, like a landing or product page.

Sliding Bar Companion

Avada’s sliding bar can be used and accepts 1-6 columns of additional content all controlled through widgets. Perfect for inserting contact info, social icons, call to actions, forms and more.

The #1 Selling WordPress Theme Of All Time



Individuals & Businesses Trust Avada