How To Use The Woo Shortcodes Element. These are called Layout. For the Avada Festival prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. To adjust your Main Menu’s position in the header, follow these steps: Step 1 – Set your main menu’s height as you want it to be. Once you add translations, they will show up in the right column under Translation. Step 2 – Check your frontend with the new menu height to see how your main menu and logo are positioned in the header. Each page you create with Avada will have default content padding applied. In the Avada Global Options, there are several settings that directly affect spacing throughout your site. Build Stylish Footers. Start a Project Your hub of world-class experts for short-term, recurring, and full-time WordPress work. For the Avada Interior Design prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. This means that every page and post will use the same Header layout without any further conditions set. If you only want one sidebar, then set the ‘Sidebar 2’ option to No Sidebar. Page Title Bar 100% Width – Choose “Yes” to have the page title bar area display at 100% width according to the viewport size. . Its extended development cycle reflects our unwavering commitment to quality and innovation. Icon Select – Allows you to select an icon. SVG file and open it up in your preferred code editor. Avada Form. These options allow you to set the Page Settings, such as the Title, SLUG, Parent, Page Template and Featured Images. Step 1 – Add A Container (And Columns) The first thing to do on a new page is to add a Container. Activate the Avada Builder, or Avada Live. Step 2: Adding the SVG Code to your Avada Website. Link to a page where the issue can be seen: hidden link. If you need to update the set later on, there is an Update Custom Icon Set button you can use to. 0. To keep the global settings in the. It happens when you type in a doc with the new layout, the old layout appears in the middle of the doc. The Avada Slider is a fantastic lightweight slider alternative to showcase your videos and images. By default, it’s set to events. Avada – TNcFlipbook Addon; Display – TNcFlipbook Addon; Divi – TNcFlipbook Addon. For the Avada Creative prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. Avada provides design integration for the most popular event plugin on the planet, The Events Calendar by Modern Tribe. Continue reading below to learn more about one of the most commonly used elements in. This means that every page and post will use the same Header. One of the most. This means that every page and post will use the same Header layout without any further conditions set. Header, Page. With layouts, you can design your header, page title bar, content, and footer sections. This option works best with our default Header Layout #1. Intro Avada Tutorial - Customizing the Menu Header Area Nick Foy TV 5. A Footer Layout is, technically, a Layout Section that you add to a Layout. In the top section, is a listThe Submenu Element allows you to place submenus into your Mega Menu Layout. This means that every page and post will use the same Header layout without any further conditions set. Step 3 – Under this section, you’ll find the ‘Size’ option. With Avada Layouts, you have the ability to create fully customized Header Layouts on your Avada website, using the full design power of Avada Builder. Building a Side Header in Avada Layouts is a very simple process. Step 3. Go back to your dashboard – Pages menu and choose the new page. This means that every page and post will use the same Header layout without any further conditions set. For the Avada Hosting prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. 15%, my footer 5% and my main part taking the rest of the space in the middle. Avada Header Builder Using the Drag & Drop Builder interface, decide what goes into your header, and use columns to neatly structure the header layout. For the Avada Accountant prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. The changes you make to the Single Post Layout could be as little as adding a Custom Page Title Bar section, or it might be a reworked. For an example of this, watch the video below to see three different methods of adding a logo to a Header Layout Section on the. In Avada 7. Take Control Over DesignStep 1 – When you upload an image into the page content, the Media Library window will appear. Partner Expert Avada Customization Get premium development support from pre-vetted Avada & WordPress experts from our customization partners at Codeable. In the back end interface of the Avada Builder, you will find these options on the right-hand side of the page. For example, you can change this if required by creating a unique Header layout for different pages or. Layout Builder; Header Builder; Footer Builder; Form Builder; WooCommerce Builder; Off-Canvas Builder; Mega Menu Builder; Setup Wizard; Performance Wizard; Avada Studio;. To replace the header search widget of Avada theme with YITH WooCommerce AJAX Search, it’s necessary to follow this procedure: first of all, we need to add this code to the functions. The Code Block Element lets you add HTML or CSS code to the page without WordPress changing the format. Studio content is prebuilt for anyone creating a website with the Avada Website Builder. For example, you can change this if required by creating a unique Header layout for. Copy the header file into the child theme and modify the code in that file. For the Avada Country Butcher prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. Optionally, you can also use Dynamic Content to add your logo. Legacy Doc. On the Header Content tab, found at Avada > Options > Header > Header Content, you can, if you have chosen a header layout that supports it, choose to show Social Links in the Header Content 1 or Header Content 2 field. Step 3 – In the editor fields below enter pyre_page_title as name and default as. Being a one-page theme, it will help you create a high-quality web page. . View screenshot here. In the popup that appears, type in the title or the URL of the page that you want to show in the dropdown menu. Again, in the Extras tab, the Position Absolute option has been turned to On. So if you’re going with the default, it’s important that your Featured Images are the appropriate width for your site. Step 3 – Click ‘Save’ to. Deploy. pot in POEdit by selecting ‘New from POT/PO file…’. Adding WooCommerce shortcodes are now even easier with the Avada Builder Woo Shortcodes Element. Highly Customizable An array of customization options give you control over the news ticker design for a seamless and stylish end-user experience. For the Avada Tour Operator prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. For the Avada Freelancer prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. Most people don't. Select the Avada prebuilt website you wish to use and click the Import button. The Blog Element is a versatile way to add blog posts anywhere on your site. . For example, you can change this if required by creating a unique Header layout for different pages or. Avada has been the #1 selling theme on Themeforest since its launch in 2012, with an ever-growing customer. This means that every page and post will use the same Header layout without any further conditions set. . , and for the Button Text adds. Then it’s simply a matter of building a Header in the. Note: For. Its extended development cycle reflects our unwavering commitment to quality and innovation. Mobile-friendly across all devices. This is new in Avada 6. This means that every page and post will use the same Header layout without any further conditions set. This means that every page and post will use the same Header layout without any further conditions set. Using CSS Only : Use . Footer Special. If your site has a Custom Header Layout, then instead, there will be a single icon to enable you to. It is perfect for both users and search engines having light weight coding and fast loading speed (Optimized for Speed). Click, hold & drag the widget somewhere on the page. As a local independent community bank, we focus on developing relationships with our customers and strive to deliver exceptional service every time. Avada’s flexible Advanced Options Network is brought to life with the Avada Drag & Drop visual editor, Header Builder, Layout Builder, and the Footer Builder. Step 3 – To add a menu item, select one of your created pages on the left hand side and click the Add to Menu button. IMPORTANT NOTE: Mobile Menu Search Icon/Field and Mobile Header Background Color are the only options available for your Header Layout #6, the other options are only available when using Header Layouts #1-5 or 7. The Portfolio Element allows you to add a customized range of your Portfolio items anywhere in your content. For example, you can change this if required by creating a unique Header layout for different pages or. I have tried adding CSS to the APPEARANCE > THEME OPTIONS >CSS CODE but it doesn’t work. In your document, place your cursor at the very end of the page right before the page where you want to remove the header or footer. All content is effortlessly customizable and intended to integrate into your website content and layouts seamlessly. If you use the Boxed Mode layout, for example, the Boxed Mode Top/Bottom Offset setting will control how much margin there is above and below the box. Or Use “auto” for automatic resizing if you added either width or height. container class is first with. This has the avada header, child and avada footer as its three rows. And keep button out side of navigation to maintain left right position. The first one, General, is where you select the. To install Avada, you must first have a working version of WordPress already installed. Just click Start Guide to be lead through the creation process of a Slider Revolution Module. In the Header, for example, is the Logo area and the menu, and sliders, when attached through the global options, are also in the Header Layout Section. Using the Avada header customization options will empower you to maximize the value of your website header area. For the Avada Photography Light prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. The first thing to choose is the Separator Style. This is how a standard default cart page looks: We’ll go for something like this instead: Here’s what’s different: We’re adopting a two-column layout instead of the single full-width layout of the default template. This means that every page and post will use the same Header layout without any further conditions set. If we resize the columns, then the image displays smaller, always showing the full image. Avada WordPress Theme Free Download – Avada is the #1 selling theme of all time on ThemeForest. Image Element. With Avada Custom Branding Branding, you are able to totally rebrand different areas of your website, like the WordPress Admin area, the WordPress Login. To use it, it needs to be first activated on the WPML -> Settings page. For the Avada Retro prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. For the Avada Corporation prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. The column adjusts its height to show the image in full. So, in this way, it’s just the same as changing the column size from the Column Size icon in the Column Element Controls. That is where I am having the problem. Simply right-click over your desired Container, Column, or Element and right-click. The field you need to place the header wrapper class is called the ‘by container’ field, and can be found in the Layout > Decrease Container Height section of the Module General Options, as seen. Start by working through the options. In the Avada Global Options, there are several settings that directly affect spacing throughout your site. Avada has the tools & resources you can rely on to succeed. Then just click Publish in the right hand side. This means that every page and post will use the same Header layout without any further conditions set. Step 3 – You can also change the ‘Single Event URL Slug’ option to change the slug for single event pages. Add an Avada Special Menu Search Item To The Menu Element – When using a Header Layout, you can add an Avada Special Menu Search Item to your WordPress menu, which then displays via the Menu Element. Step 3 – Select the Global Element you want to add. This means that every page and post will use the same Header layout without any further conditions set. 11. This theme is one of the best multi-purpose and flexible WordPress themes available out there. Help Center; Avada Studio; Prebuilt Websites; Reviews; Submit A Ticket; About Us; Careers. For the Avada Podcasts prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. With the Site Layout module, you can. This means that every page and post will use the same Header layout without any further conditions set. Featured Image Dimensions – In pixels or percentage, ex: 100% or 100px. Once the Element has loaded, you simply select your slider from the drop down list in the Element options panel. Basically, a Post Card. Step 1 – Navigate to Appearance > Widgets and click the ‘Add New Widget Area’ button. This setting is located in Avada > Options > Menu > Main Menu. This means that every page and post will use the same Header layout without any further conditions set. For example, you can change this if required by creating a unique Header layout for different pages or. Menu Button – Allows you to make the menu item regular text or a button. Step 1 – Navigate to the Appearance > Menus section on your WordPress sidebar and select the ‘Create A New Menu’ link to create a new menu, or edit an existing one. This means that every page and post will use the same Header layout without any further conditions set. 0, with the introduction of the Header Builder, and which enables you to create cus. Dozens of settings are available here for your header, layout, content area, and more. There are two ways to clone objects in Avada Builder. Schedule a specific time to offer support and use screen sharing applications. RedBag Media offers web graphics, brandings, and videos. schanteldwl 2023-10-24T14:48:37+00:00Step 1 – Navigate to the Events > Settings tab on your WordPress admin panel. Layout Builder; Header Builder; Footer Builder; Form Builder; WooCommerce Builder; Off-Canvas Builder; Mega Menu Builder; Setup Wizard; Performance Wizard; Avada Studio; Elements;. You can visually find the Gallery Element or you can type in the search bar in the upper right-hand corner to filter for the Gallery Element. The two main Blog related areas you can create custom Layouts for are the Single Post Page, and the Archives page. . From the drop down box, choose your Layout Section type (i. Firstly, the General Blog Options are located at Avada > Options > Blog > General Blog, from the WordPress dashboard. For example, you can change this if required by creating a unique Header layout for different. For example, you can change this if required by creating a unique Header layout for different pages or. AVADA email template editor makes it simple to design beautiful emails for your customers to receive. This also allows you to choose header layouts (6 to choose from) that are available only when you set your header to the Top position. The layout, font size everything changed. Sliders can be assigned to archive pages as well as header background color, header transparency, page content padding and page title bar options. Step 1: Accessing the SVG Code. Sticky Footer and Parallax Background Image – Allows you to enable a sticky footer with a parallax effect on the background image. The first step in creating a Custom 404 Layout, is to create the actual conditional layout itself. ”. Step 3 – Click the ‘Avada Widget Options’ button. Sticky Header Display For Headers 4-5 – Controls what displays on the sticky header when using header layouts #4 or #5. It then seems to revert the header and footer on every page back. For example, you can change this if required by creating a unique Header layout for different pages or posts. It can be placed in any part of the page via the Avada Builder and can have any Widget Area assigned to it, either pre-made or custom. This means that every page and post will use the same Header layout without any further conditions set. I tried to switch to default theme (twenty sixteen) and. . Step 5 – Click on the Content Tab and enter your text, image or video or custom HTML content. php file of Avada (better if it is a child) so to remove the Avada search: //Remove the Avada default search. Step 4 – Make the necessary selections. 11. Share. When you’re finished editing, be sure to click the “Publish” or “Update” button at the bottom. . Read on to learn more about the special items. As part of Avada Layouts, we created a series of Dynamic Elements that help generate content in the Content Layout Section of a Layout. Once the Element has loaded, you simply select your slider from the drop down list in the Element options panel. For example, you can change this if required by creating a unique Header layout for different pages or posts. These are different layouts that are supported. WePresent: Bold, Image-Heavy Blog Layout. Navigate to Avada > System Status , and ensure there are no system environment values listed as insufficient (indicated in red). 2024 at 3pm at the Lincoln Cathedral, Rockport, Maine. Image Element. Take your . This will load the Custom Icon set. For example, you can change this if required by creating a unique Header layout for different pages or posts. I use a Parent layout "Header and Footer" which is the parent for a number of layouts. Avada Forms is a powerful and fully integrated form solution for the Avada Website Builder,. 564 views 5 years ago. This is the Layout Builder – as you can see, there are six important things – Global. Link to a page where the issue can be seen: hidden link. Buy Avada for $69. Avada's animation options make it possible to showcase genuinely unique and stylish news tickers for maximum visual effect. This means that every page and post will use the same Header layout without any further conditions set. This means that every page and post will use the same Header layout without any further conditions set. This is done on the Layouts page, by simply adding a name (in this case, perhaps 404 Layout would be most appropriate) and then clicking on Create New Layout in the Layout Builder, as can be seen below. The development of Avada is an ongoing process, and so as features are added or methods evolve, other features or methods are removed. The Avada Builder Library gives you the ability to save Elements, Columns and Containers as. Along the far left, you can see icons representing the twelve. Step 3. Every widget available has this ‘Avada Widget Options’ button, see an example of the Recent Comments widget on the screenshot below. This setting is located in Avada > Options > Menu > Main Menu. Please continue reading below for more. First create your Avada Slider, and add you slides at Avada > Sliders. Avada Layouts allow you to create custom layouts for all areas of your website, including. You can use these special items to add these specific features to your menu when using the Menu Element. This means that every page and post will use the same Header layout without any further conditions set. In the example below, the top gradient has been set. 9. These are a mixture of WordPress core menu functions, and third-party and Avada added settings. After click on Select Header + Icon. Step 7 – When finished, click the ‘Save Changes’ to save it. Any layouts using this parent are now showing two headers at the top of the page. Avada Essentials. For example, you can change this if required by creating a unique Header layout for different pages or posts. Once you have added the element it’s time to configure the Blog element to your liking. For the Avada Modern Shop prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. Choose Both for both sidebars. Step 1 – Navigate to Avada > Options > Logo > Sticky Header Logo. Buy Avada $69. For the Avada Finance prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. For the Avada Café prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. For the Avada Taxi prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. As part of Avada Layouts, we created a. Step 1 – Navigate to the Appearance > Widgets to access the list of widgets and widget areas. Whilst Divi has over 150 complete website layout packs, Avada arguably has a better variety of designs. For example, you can change this if required by creating a unique Header layout for different pages or posts. For example, you can change this if required by creating a unique Header layout for different pages or posts. The width of the column is set initially when you add it into the Builder. At the bottom right side of the window, find the. If you use the Wide layout, the Page Content Padding option will control. The CSS Compiler is a great way to optimize the CSS styles which are dynamically generated from the various option settings on your site. There is no left and right padding on pages. The Image Element is a fundamental Element in Avada Builder. It’s easy to set up the Header and Footer after all things are done. From the Forms menu, you can access both the Form Builder, and the Form Entries page. As we can see here at the top of a blog post there are actually three areas with dynamic content. 3. If Options > Page Title Bar > Page Title Bar Text is set to Show, then the post header will default automatically to. Here you can add an empty container if you wish, but more commonly, you add a container with columns already inside. Introduced back in Avada 5. Choose None if you want to have your sidebar(s) behave normally. Global Options. If you add any value of opacity to your header, the slider will be moved up to the top most part of the page and will be positioned behind the header. The next major release, Avada 8. For example, you can change this if required by creating a unique Header layout for different. How To Upload A Youtube/Vimeo Video. Alternatively, click the + icon to add a new template. InThis option is found under Avada > Options > Page Title Bar > Parallax Background Image, and the option will show when an image is selected as the Page Title Bar background. In addition, Avada's intuitive interface makes. About Avada Theme v7. Disable First Featured Image – Disable the 1st featured image on single post pages. Speaking of Global Layout – it’s like Global. Archives can be customized with the addition of new Avada Taxonomy Options. e. With the #1 and #2 above, there is a high possibility that the edit would be lost during an update. This means that every page and post will use the same Header layout without any further conditions set. Layout Builder; Header Builder; Footer Builder; Form Builder; WooCommerce Builder; Off-Canvas Builder; Mega Menu Builder; Setup Wizard; Performance Wizard; Avada Studio; Elements;. Post Cards Element. Please refer to the below post to know more about each of the options. Step 2 – Click the Library Elements tab. In this article, we will explore the header, footer, and homepage layouts that make up the. . General Blog Options. Step 2 – Click the Create A New Menu link. For the Avada Nutritionist prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. Aenean sed erat scelerisque nunc sodales cursus ac et orci. Firstly, the General Blog Options are located at Avada > Options > Blog > General Blog, from the WordPress dashboard. To enable search on your Avada website, there are several options. Found under Avada > Options > Menu > Mobile Menu > Mobile Menu Typography, you will find the following settings to customize the main menu for phones and anytime a mobile menu is activated (tablets in portrait mode etc). The Order Downloads Element is ideal for downloadable products and will display information like the number of downloads left and download expiry. The Avada Setup Wizard. So, w hen making a Custom Footer, you need to create a Footer Layout Section, which you can add to either the Global Layout or a Custom Layout. This means that every page and post will use the same Header layout without any further conditions set. So to create a Side header, all you need to do is to set this position to the Left, or the Right, as you prefer. ';"," } else {"," $account_endpoints = wc_get_account_menu_items();"," unset( $account_endpoints['dashboard'] );",""," . For example, you can change this if required by creating a unique Header layout for different pages or. Avada is not reliant on. For example, you can change this if required by creating a unique Header layout for different pages or. First create your Avada Slider, and add you slides at Avada > Sliders. I would like to change the color of just one menu item. Contact Form 7 is a popular form plugins for WordPress, and works well with Avada. How To Design A Website Header With Avada With Avada Layouts, you have the ability to create fully customized Header Layouts on your Avada. For the Avada Sports prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. Be sure to choose all translations of the post, category, or. Step 4 – Click ‘Update’ to save the page/post. This means that every page and post will use the same Header layout without any further conditions set. e. So as you can see, landing pages are deceptively simple in Avada. Layout Builder; Header Builder; Footer Builder; Form Builder; WooCommerce Builder; Off-Canvas Builder; Mega Menu Builder; Setup Wizard; Performance Wizard; Avada Studio; Elements;. Step 2 – On the ‘General’ tab, locate the ‘Events URL Slug’ option. Design Freedom Design unique websites & content that aligns with your marketing goals to convert leads into sales. Avada is not reliant on. For example, you can change this if required by creating a unique Header layout for different. It is the top-selling WordPress theme with over 820,000 purchases. You can upload a sticky header retina logo using the ‘Retina Sticky Header Logo’ option. Step 2 – After installation, you will have an additional menu entry in the page/post/portfolio tabs in WP admin area. Step 3 – In the Avada Page Options, select the ‘Post’ tab and then locate the ‘Video Embed Code’ option. Last Update: February 13, 2023. Buy Avada for $69. The Avada Builder Library gives you the ability to save Elements, Columns and Containers as. Each menu is highly customizable, with no limit to the number of menus that can be deployed. 5 Customer Reviews. This means that every page and post will use the same Header layout without any further conditions set. Alternatively, you can create one by clicking. Then, just add the Element to your desired Column. This means that every page and post will use the same Header layout without any further conditions set. Avada Taxonomy Options For Archives. Center Footer Widgets Content – Allows you to center the footer widget content. Step 3 – Now determine which Containers you’d like to target. For the Avada Country Butcher prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. Click on Existing Section -> Header Main. Layout Builder; Header Builder; Footer Builder; Form Builder; WooCommerce Builder; Off-Canvas Builder; Mega Menu Builder; Setup Wizard; Performance Wizard; Avada Studio. This will replace the Upload image button with a Select Dynamic Content dropdown. Documentation & Videos. The Menu Anchor Element is a very simple element, that allows you to add a menu anchor (anchor id) anywhere on your page. This means that every page and post will use the same Header layout without any further conditions set. Mega-menus is stylish and can improve the user experience and make it easier for visitors to navigate a website. For example, you can change this if required by creating a unique Header layout for different pages or. For the Avada University prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. The top. . You will find this in the sidebar in Avada Live, or underneath the editor field in the backend builder. The JS compiler is mainly for debugging. For example, you can change this if required by creating a unique Header layout for different pages or posts. Watch on By rochelle | June 23rd, 2023 | Avada Been awhile since using Avada? They changed the way you select hover/active on your menu in a custom. When importing a Prebuilt Website, you are faced with a dialog with multiple sections. Step 3 – Select the Global Element you want to add. You can choose from Slider, Scene and Carousel. Building Your Future. See the Avada Layouts document for more. For the Avada Handmade prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. The button styling is determined by the default button styles in Avada > Options > Avada Builder Elements > Button. To start, set the Header Container Background to Gradient. For the Avada Programmer prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. A layout is comprised of content coming from four layout sections: a Header Section, a Page Title Bar Section, a Content Section, and a Footer Section. To start, create a Mega Menu from the Avada Library, and add the Submenu Element into your desired Column in your Mega Menu column structure. This Element is found in the Layout Elements tab only when adding or editing an Avada Library > Post Card Element. This means that every page and post will use the same Header layout without any further conditions set. You can see a layout called the Global Layout – this is the template used as default, this is what you would inadvertently be using if you do not wish to create/use. hence, Avada was born. Here are all the best examples of websites using the Avada WordPress theme. The first step is to choose which shortcodes you want to place. For the Avada Handyman prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. More details can be checked in this article. Sometimes, however, they are left for backwards compatability reasons, but are then considered as legacy methods. Click the + block inserter and search for the template part Header. When Layout Sections are used for each aspect of the site (header, page title bar, footer, content) Avada has more knowledge about what needs to render, and therefore assets can be made more efficient. Each menu is highly customizable, with no limit to the number of menus that can be deployed. 11. Build stylish layouts. Once the Element is inserted into the page, you can now add your images to the gallery. The Menu Element allows you to place a menu anywhere on your site, including in a Header Layout in Avada Layouts. WPML also offer an Advanced Translation Editor. This means that every page and post will use the same Header layout without any further conditions set. Set Parallax Background Image to On to use a parallax scrolling effect on the background image. For example, you can change this if required by creating a unique Header layout for different pages or. This means that every page and post will use the same Header layout without any further conditions set. When downloading Avada from your Themeforest account Downloads Page, download the Installable WordPress File rather than. This means that every page and post will use the same Header layout without any further conditions set. In this case, as the image is only 1200px wide and the site width is 1280px, the image is also slightly zoomed in. If desired, the Featured Image can also be turned off on Single Blog Pages on the Avada > Options > Blog. Step 1 – Go to Avada > Global Options > Header > Header Content. For the Avada eSport prebuilt website, the Header was created using the Avada Header Builder and is set globally across the website. The Avada Drag & Drop visual editor, together with the Avada Header Builder, Avada Layout Builder, and the Avada Footer Builder, brings the Avada Advanced Options Network to life.