Avada Gives You 7 Beautiful Header Layouts To Choose From
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 Theme 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.
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.
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.