Step 1 – Navigate to the Avada > Sliders > from your WordPress admin panel. 4. To enable the max mega menu, go to. The built-in Avada mobile responsive settings allow you to properly format your website for mobile devices. You can find free CSS Fullscreen Menus examples or alternatives to CSS Fullscreen Menus also. Avoid overusing animation to maintain a smooth user experience. Step 3 – Select the name of the widget area you’d like to display for Sidebar 1 and Sidebar 2. I add a search element by shortcode in my menu and work great in dektop version but in Iks mobile version it appears like a button. N. For a typical Mobile only menu, just set the Collapse to Mobile Breakpoint option to Small Screen. (@georgetheodorakis) 1 year, 7 months ago. Off-Canvas Builder. . Documentation Everything you could possibly want to know about UberMenu – get instant answers. Someone says:This video looks at the Legacy method of creating, populating, and assigning sidebars throughout Avada. 100% mobile friendly designs; 120+ custom design elements for header, content, footers and cards; 82 prebuilt website examples; 7 premium plugins. After installing the plugin, go to WooCommerce » Menu Cart Setup from your WordPress admin panel. I updated all plugins and cleared all caches and purged the CDN. To add favicons, simply click the ‘Upload’ button next to the appropriate field, then select the favicon file you would like to use. The Avada lightbox feature is a convenient way to embed image lightboxes directly on the pages or posts of your WordPress website. Found under Avada > Options > Menu > Main Menu > Main Menu Typography, you will find the following settings to customize the main menu for Desktop / Laptop / Tablet (anytime a mobile menu is not activated). We honestly recommend you to give every app above a try if possible. This top menu will start working again if I take out the Z-4000 line that AVADA support added to fix the Main menu issue. you can do so by editing this file Avada/includes/class-avada-scripts. michael says: February 6, 2020 at 4:57 pm. If you have Avada’s Option Network Dependencies turned on, you will only see. Step 4 – To add a custom menu. Build a custom mega menu. Last updated: 20 Nov 23. Back end favicons can only be changed in the Customizer. There are a number of Popups in Avada Studio you can use as a starting point, or you can just create your own from scratch by adding a container/column layout. Build a custom mega menu. Step 3 – Click ‘Save Changes’. Accepts a numeric value in pixels (px). Avada 5. If you use the Wide layout, the Page Content Padding option will control. The bellow reviews were picked manually by Avada Commerce experts, if your CSS Mobile Menus does not include in the list, feel free to contact us. Cons: Divi requires an annual membership fee for ongoing. When using the Delay JavaScript Execution feature you may notice that it takes some time, or user's interaction for some elements, e. The surprising fact about the theme is that despite its popularity in the WordPress community, few users are actually aware of the breadth of experiences they can build using this theme. Avada Email Marketing. Modals are flexible, can be deployed anywhere within your content, and are accessible on all mobile devices. Fix: Mobile sub menu clicks not working in GeneratePress; Fix: Compatibility fix for WP Disquz media uploader; Fix: Items output incorrectly when using Grid Layout within tabbed sub menus; Fix: Only apply dynamic sub menu widths to top level mega menus; 2. Step 3: Add the cart icon to your WooCommerce menu bar. But nothing solved. After the WooCommerce plugin has been installed and active, the shopping cart icon will display in the header menu by default. Fix Mobile Menu Only use this option if you want to display your desktop menu on. Go to the Shop menu items and click the blue Mega Menu button to the right. 7-day free trial. Read on below for full details off all the Menu element options. Scroll down to “Theme enhancements”. 6. In this video tutorial, viewers are guided through the process of creating, assigning, and designing a practical website menu. Avada fusion tabs, the horizontal tabs work well on a desktop when viewed on mobile the tabs become vertical (which is good) but the content appears under the specific tabs pushing the rest above and/or below the open contents (which is bad). 해당 테마는 Avada 테마다. . Hi Folks, I’m having trouble with the AVADA product. What does. At the bottom of the settings you will see the Responsive Typography Sensitivity options. Using the Avada Electrician prebuilt site as an example, the. The Mega Menu Builder Menus, not to be confused with the Legacy Mega. This brings up a contextual menu, and. New (BETA): Grid Layout Option for Mega Menus; Fix: Keyboard navigation for mobile menuENTER or SPACE on a sub menu arrow indicator shows/hides the sub menu. The site also utilizes Avada to spread their message out to the world. Step 2 – Enter a numeric value in pixels ( px) to adjust the ‘Mobile Menu Dropdown Item Height’ or drag the slider left/right. Avada theme is one of the most popular theme for WordPress sites. From there, the global options are organized under more specific areas. View the menu for A & W All-American Food and restaurants in Sooke, BC. A new option introduced in Avada version 5. ralphm February 3, 2016, 11:38pm #8Step 1 – Go to WP Dashboard > Appearance > Menus, locate the first level menu item and click the Avada Menu Options button. 1-3) Then create the menus. 1. Step 2 – Look for ‘Display Mobile Menu Search Icon/Field’ option and set this to ON. This options panel allows you to configure virtually every section of your website. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. . If, for some reason, still, your mobile WordPress menu is not working, fix it by ensuring you are on the Menu page ( Appearance -> Customize -> Menus -> View All Locations ). I don’t know how to make or edit pages using other plugin. Generally, when in Modal mode, it makes sense to set the Mobile Submenu Type to. You can also edit your menus using the theme customizer screen. This element is the structural foundation of all page layouts created within Avada Builder, and is an integral part of making sure your designs stay organized and intact, as well as being a great design tool for your layout. Depuis son lancement en août 2012, Avada a généré plus de 400 000 ventes (oui oui! presque 1 demi million) avec une évaluation moyenne de 4. Step 2 – Add a “Custom Link” menu item to the menu and give it a name (the URL can just be “#”). If you are having trouble displaying your Mega Menu, check to see if you are using a Legacy Header. Not only does it allow you to have. Once the plugin has been installed and activated, you need to get to the main settings page to configure the settings how you would like. At this point the Setup Wizard forks, depending. I'd like to switch out the logo depending on the page. Step 2 –. Explainer Video Wide Selection of Prebuilt Off. The solution should be as simple as changing this line. 11. Choose Enable for this option in order to replace the default WooCommerce mini cart template or your theme’s mini cart template with Elementor’s template. Step 3 – Set the Small Screen’s custom width by entering a value in the text box, or by dragging the slider. The modal boxes are hidden by default and can be triggered by a Menu item, a button, or a modal text/HTML link element. 23+ Best CSS Mobile Menus Examples from. Also it became part of the menu, which was problematic for sticky headers and mobile devices. Create . io; Top 10 Shopify Menu Apps. ”. With the advent of Avada Layouts, Sticky. Due. 8. I synthesized the site design from elements of several designs the client had rejected, polished the existing logo into a vector, brought in their preferred font (Copperplate), contributed several other static homepage elements (namely the mountain silhouette and the sage grouse), and scrapped the Avada mobile menu to use a nice. Una vez dentro, asignamos. 100% Mobile-Friendly Menus are flexible, can be deployed anywhere within your content, and are accessible on all mobile devices. Avada has been the #1 selling WordPress themes for over 7 years. This game-changing feature can be found at Avada > Layouts. . Mega Menu Builder. While customizing sliders or any other section element with the Muffin Builder, you can also set individual responsive settings. Start selling with Avada. Pros: Divi is built by Elegant Themes, a standout company with a proven track record of serving the WordPress community. It's free to sign up and bid on jobs. So, the first step is to create a Megu Menu in the Avada Library, by selecting Mega Menu from the dropdown list, giving it a name, and clicking on Create Library Element. However, when I go to my website on mobile, every single subcategory is dropped in the menu like a separate menu page. I ended up deleting the menu code from the file ‘header-secondary-main-menu. 2 and I’m running the Avada theme. Documentation & Videos. The Layout Builder may be accessed from the Avada Dashboard by selecting Layouts > Layout Builder from the drop-down menu. Step 3 – Now determine which Containers you’d like to target. To add and customize language switchers to these specific areas, go to WPML → Languages in the WordPress dashboard. Anyone can get the most out of Hongo without breaking a sweat. See the promo video here: - NEW: 2 professionally designed prebuilt websites using the new Avada Form Builder - NEW: Avada Form Builder our fully integrated form solution - NEW: Added 19 form input elements to create virtually any form - NEW: Added HubSpot support for Avada Forms for easy CRM integration - NEW: Added a. However, what appears on pages to which this layout is assigned is a vertical generic menu (see. is it anyway th. Hier kannst du das Avada Theme kaufen Mehr zu meiner Beratung: Abonniere den Kanal für weiter. There are options to decrease fonts for smaller devices, enable pinch zoom, and default width for the responsive menu. The Avada folder contains the main translation files for the theme, while. Here is the code from the main part of the style sheet, aimed at desktops: menu. The ‘Custom’ option is the last option in the dropdown. First I went to edit the Header in Avada Live mode. You can use icons next to the titles, easily drag. New. Capture your visitors’ attention. After that, you will need to enter a label or title for your menu item. Step 1 – If you want to set this globally, navigate to Avada > Options > Menu > Mobile Menu. If you only want one sidebar, then set the ‘Sidebar 2’ option to No Sidebar. 3 Avada Theme Changelog Version 7. Step 1 – Navigate to Avada > Options > Menu > Mobile Menu. Also, please note that the displayed options screens below show ALL the available options for the element. Adding the Burger SymbolIn this tutorial, you can learn how to remove the search and cart icon from the main menu in the WordPress Avada theme. Avada Theme v7. Les 40 démos. remove_filter ( 'wp_nav_menu_items', 'avada_add. As you can see in the back-end builder view, there are two containers, with two Elements in each. You can find the gear icon in the Quick Menu panel by swiping down from the top of your screen or you can find the app icon on one of your Home screens, in the app drawer, or by searching. #avada #fusion #avadatheme #wordpresstutorial #megamenu Avada Theme Tutorial #4 How to create mega menu. Hi guys. . Free Lifetime Updates. See the Setting Up A Menu doc for more details on this,. If enabling this plugin, the problem still there. This plugin allows you to add an image to any menu item, and control all aspects of the style including the image position and size. In this section, you’ll find the Sidebars tab. In this video we have a look at how to go about implementing and confi. This is related to the second issue; the top level menu items. One of the most straightforward ways to describe Layouts is to say that they are Containers that house the four layout sections of a page – the Header Section, Page Title Bar Section, Content. Sort these items into four columns. Step 1. . In this series of videos, we look at creating, assigning and designing menus in Avada. It’s an extremely impressive multi-use. Right now, with W3TC’s Minify enabled, the menu breaks down, showing me the mobile version even from desktop. Step 1 – When you upload an image into the page content, the Media Library window will appear. I’m trying this theme after using Avada, installed for other person. Step 3 – Choose if you want to enable or disable ‘Container 100% Height On Mobile’ option. We encourage you to take some time and navigate. #1. QuadMenu is a WordPress Mega Menu that will allows you easily integrate the menu in your theme’s project. will not let me go to the last few items on the drop down menu. For example, this: . Main Menu Icons – Main menu icon position, and styling. Choice of menu animations (slide over the top or push the content) Choice of which Menu to use. To add a social media icon, simply hover over the new menu item. main. 0. The. IN APP ORDERING. SEO Friendly. After that, select your footer navigation menu from the ‘Select Menu’ drop-down, and give your widget a title if you like. Bonus tip: If you have recently moved your WordPress site, then you may also need to clear your DNS cache. I do have “proxy cache purge” plugin installed. Using WordPress Settings. Open Settings. Learn How to fix WordPress Themeforest Avada Theme Drop Down menu problem as well as any WordPress Website Javascript issue using Inspect Element functionThe video tutorial is centered on the Avada Mega Menu Builder, a feature with the flexibility and styling options to create versatile and engaging website me. I offer another decision. The Avada Maintenance Mode is an integrated way to hide your site from the public while you are building or updating, removing the need for another third-party plugin. php’ but keeping it in my clipboard. Avada has specific section in the. My question is this - can I change the 3 toggle lines to say MENU, if yes how? Thanks for your time in advance. 4. Step 2 – To enable/disable the Sticky Header, find the ‘Sticky Header’ option and set it to On or Off. Last Update: May 4, 2023 The Avada Menu Options are found when editing individual menu items in WordPress menus ( Appearance > Menus ). From the Type drop-down, choose Saved Row from the list: Next, click on Add Saved Row . Learn How to fix WordPress Themeforest Avada Theme Drop Down menu problem as well as any WordPress Website Javascript issue using Inspect Element function The video tutorial is centered on the Avada Mega Menu Builder, a feature with the flexibility and styling options to create versatile and engaging website me. especially when setting up the mobile version. 3. Add a new group to the canvas. Mega Menu Builder. Please refer to the below post to know more about each of the options. WooCommerce Builder. Hey Themeco Team, I have a problem with my mobile menu. i cant scroll navigation. In the Avada Global Options, there are several settings that directly affect spacing throughout your site. Easily configure the position, margins, alignment, font family, size, sub-menu behavior, behavior on mobile devices, and more. The best CSS Fullscreen Menus css collection is ranked and result in November 21, 2023. Instead of normal links, your One Page site’s custom menu will have Anchor Links that link and scroll automatically to each section on the page. Step 1 – Navigate to Avada > Options > Menu > Mobile Menu. Then just click Publish in the right hand side. Examples. In the Nimva theme. Read below to explore how easy it is to edit your pages for responsiveThe menu expands but covers the content. I do not know what happens on iPhones. Tap Notifications. HashBar – WordPress Notification Bar plugin comes with the option to show all of your promotion buttons (like credit offers and giveaways) and add a. Our sumptuous appetizers are the. @media all and (max-width:800px). I’ve tried increasing the Z-index of menu and decreasing z-index of the slider. How To Add A Language Switcher Using Polylang. They are located in the Avada > Options > Menu tab. To get started, simply give your new Off Canvas a name, and click on Create New Off Canvas. You can find this from the toolbar on the Avada Dashboard, or from the sidebar in WordPress. Design by Dannniel for Marcato Studio. Step 2 – Once the settings window has opened, locate and activate the Avada Mega Menu & the Max Width option under Mega Menu Wrapper Width, as seen in the example image below. To solve it, head over to Appearance > Customize and add this piece of CSS to your custom CSS: . This option is found in the Container or Column Elements, in the Background > Image Tab > Background Image option. To make the most of your menus in WordPress when using Avada, you should be familiar with the various settings and options available when initially creating your menus, at Appearance > Menus, from the WordPress dashboard. Then, you can simply click on the Select Footer tab of the Layout, and navigate to Existing, from where you can add the Layout Section, as seen below. The only mega menu plugin with zero “!important”, block or inline CSS styles. Configure WooCommerce Shopping Cart Icon. - IMPROVEMENT: Now the set Avada mobile menu can be displayed when using uberMenu when it is disabled on mobile - IMPROVEMENT: Added the ability to disable Fusion Builder single demo pages import through remove_theme_support - IMPROVEMENT: Updated several option descriptions and dependencies for better usabilityThe first step, before using the Menu Element, is to have an existing menu. In this video, we look at how to use Sticky Columns in Avada. Hestian is a company that works towards reducing carbon footprint. Read on to learn more about the special items. Avada | Website Builder For WordPress & WooCommerce. Get Support Manage Licenses Manage Step 2 – Click the Create A New Menu link. 7 In a mid-2018 Avada update, the menu ends up hidden on. Offset of Animation – With this option, you can configure exactly when the. I use a Parent layout "Header and Footer" which is the parent for a number of layouts. Global Options. In this article, we will explore the header, footer, and homepage layouts that make up the overall. If you want to add an existing Layout Section to a Conditional Layout, you need to create the Layout first. In Hummingbird, turn off CDN Asset Optimization. Please refer to the troubleshooting guide: Submenus not displaying troubleshooting guide. It's add JavaScript code into your page to fix this modified attribute. The only downside for now is that I don’t see any option to configure the header menu so that the mobile option (hamburger menu) is always displayed regardless of the device used. . I figured out the issue in my case and maybe it will help someone out. Navigate to your icon set (as a zip file) and select it. 9. Documentation & Videos. Choose Between Full. Specifically, the adjacent containers of the overlapping elements. Click on Save when finished. There are two ways to clone objects in Avada Builder. . Start selling with Avada. htaccess file in the root folder on the same domain where fonts are hosted and add the following code into it:. Mega-menus is stylish and can improve the user experience and make it. 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. by ThemeFusion in Business. 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. WooCommerce Builder. A Flyout menu sounds like it should Fly out, but essentially, it’s just a menu overlaid on the content, typically in full screen. The Avada Mega Menu is a mobile-friendly, highly flexible expanded menu that can display multiple levels of navigation in a dropdown format. 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. Modal Mode. Further breakpoints are auto-calculated. At random, the mobile “hamburger” menu icon is not opening my mobile menu. ah, todays update to Toolset-Layout 1. Please see our Legacy Feautures document for an. 6 Responsive Multi-Purpose WordPress Theme is the best choice for making an ultimate powerful blog with premium qualities. Navigation Label – Illustrated. . " in avada mobile. Step 4. php and searchi. 0. Use an action in a child theme’s functions. 1. We are invested in what matters most to you, your vision. To create the mobile menu, the Avada theme duplicate the main menu with modified attribute. Step 2 – Click the ‘Clone or download’ button in the upper right corner, and choose ‘Download ZIP’ to download the language files. I tried disabling the Polylang plugin and the mobile menu does not show on any page. Set which side the menu appears from (left, right, top or bottom) Use background image for the menu. But nothing solved. For a typical Mobile only menu, just set the Collapse to Mobile Breakpoint option to Small Screen. Step 3 – Select the name of the widget area you’d like to display for Sidebar 1 and Sidebar 2. php file of Avada (better if it is a child) so to remove the Avada search: //Remove the Avada default search. The Woo Mini Cart Element is useful to show on a site when a user is purchasing. Method 1. Step 3 – Each slider you make can be used as a shortcode in a page or post. Click on "Select" to load the menu. Start selling with Avada. Obviously, this is the hard bit, where you need to know CSS, and how to. HashBar – WordPress Notification Bar plugin comes with the option to show all of your promotion buttons (like credit offers and giveaways) and add a form for. You can easily add it to Custom CSS section of Avada Theme Options and add the CSS Class declared ( . Avada Widget. There is an overflow issue with your menu items. We are using Wordpress with the Avada 5. 100% responsive across all device types, from mobile to desktop. I did manage to solve the “mobile menu opening and then closing right away” problem with code you provided to others here in the forum, so thanks for that. The orange and black color scheme makes the experience dramatic, and the clean full-width sections add a sleek feel to the site. Responsive Option Sets. All other themes offer much better mobile headers as compared to Avada. You can use these special items to add these specific features to your menu when using the Menu Element. Menu admin 2020-04-08T14:18:26+00:00. Boabee. Step 3: Customize Menu Toggle Button. 0. 0 and up, you can also select different images for the three different screen sizes when adding background images to a Container or Column. Our illustrious history stands testament to the fact that Avada is the most versatile, intuitive, and easy to use multi. There are also additional menu options in the Avada Global Options panel. 12 Share 1. We make it easy for you to get your essentials. Step 2 – In the repeater field, select ‘Custom’ from the dropdown. choose to edit the menu "Mobile Menu - Spanish". 0 will disable responsive typography, and 1 is maximum responsiveness. These archive pages display according to the options chosen here. The latest version of Avada released on June 19th, 2023, introduces MultiStep Avada Forms, ACF Repeater support, Pixel & Flex Grow for Columns, Enhanced MailChimp support, tons of new design options, and so much more. As you can see in the screenshot below, you can find visibility options based on the screen size under the Responsive options tab. Support » Plugin: ShiftNav - Responsive Mobile Menu » Does not work with Avada Live Builder. To do the same on your own staging and production servers: go to Appearance > Menus. We also need to revert the Avada Performance optimizations back to their defaults, via the Options/Performance tab, Reset All. Whether you're needing to set the mobile responsiv. The first one, General, is where you select the Submenu to display and make some basic configuration settings to do with functionality and alignment. Step 3 – Choose a Menu Type. To select your mobile menu style simply log into your WordPress dashboard then go to Appearance > Customize > Header > Mobile Menu. 25 to extend support up to 12 months. 1. You can create a menu from your Appearance > Menus section. In this series of videos, we are looking at how to use the Avada Builder Elements. Many mobile users may not even realize that there are more. Sticky Columns is an option for the Column Element, that makes a Column sticky within a Container. featured-post a:hover { background-color: pink !important; } Will override this: a:hover { background-color: #ffffff. _____. Capture your visitors’ attention. An example of this would be a Column that only displays if a user is logged in, or a. Adding a Mega Menu in WordPress. Method 3: From the Menu Icon. 9. 1 to 5. If you’re using CSS animations, it’s best if you’d disable them on mobile devices. 3 - November 13th, 2023 ----- - NEW: Added lots of new styling options to Testimonial element (e. The Off Canvas Builder is found at Avada > Off Canvas, from the WordPress sidebar, or from the menu on the Avada Dashboard. The main one is found at Avada > Options > Menu > Flyout Menu, while relevant Mobile Menu options for the Flyout Menu are found at Avada > Options > Menu > Mobile Menu when Flyout is selected. This post outlines several items that should be taken into account anytime you. 2. To create a Popup with the Off Canvas Builder, the first thing to do is to go to Avada > Off Canvas, and create your Off Canvas. Menu Settings. Choose between Yes or No. 9 Menu Bounds Looks like Avada changed the class of their wrapper from fusion-ubermenu to fusion-ubermenu-mobile in version 5. Widget areas can be assigned to various website areas, such as the sidebars, footer columns, sliding bar columns, mega menu columns, and the Avada Builder Widget Area Element. If you activate the WooCommerce plugin on the third-party theme, a little shopping cart will appear in the main navigation menu. How it appears is really up to you. The problem is when you decide to use sticky header. Choose the right Category and Subcategory for the product as you wish. My Menu has some custom links with subcategories. Support. You used to be able to change the hover color on an independent tab, but at some point in either 2022 or 2023, Avada introduced these somewhat easily ignored circles that change when you click on. Works with all WordPress responsive themes. This will bump you to the main settings page where you can configure the WooCommerce cart icon plugin to fit your needs. Crear el menú y elegir su ubicación. Step 2 of the guide is about the size of the module (slider). You can find free CSS Mobile Menus examples or alternatives to CSS Mobile Menus also. For example, 1000. Hamburger Menu Examples. Press the "Add to Menu" or "Add to Column" button. In this section, you’ll find the Sidebars tab. Avada is the #1 selling WordPress Website Builder on the market and has been continuously for more than 10+ years. Best Customer Support. Avada SEO Suite. Step 2 – Set a title for your widget/side navigation. . Enter value including. Read How The Menu Element & Menu Work Together ! Last Update: May 4, 2023 The Avada Menu Options are found when editing individual menu items in WordPress menus ( Appearance > Menus ). On Android, when I open the burger menu, the top level of menu items work (I click and go to the page). As you can see below in Wireframe view, it is a multi-container layout, using many of the features available in Avada, including the Menu Element, a dynamic logo, Custom Column widths, a Sticky middle Container with additional Elements that only have Sticky Visibility, as well as responsive changes in Tablet and Mobile layouts. Select the "Product categories" tab. When your site is viewed on a resolution that is less than or equal to the width. Cyber Week Sale · Cyber Week Sale · Cyber Week Sale · Cyber Week Sale ·Creating & Configuring Your Off Canvas. Stack Overflow Public questions & answers; Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Talent Build your employer brand ; Advertising Reach developers & technologists worldwide; Labs The future of collective knowledge sharing; About the companyIn this video you will learn how to change "Go To. In Modal mode, the toggle will remain inline, but when the menu is toggled open, it will display as a full screen modal overlay. g. <?php avada_mobile_menu_search(); ?><!-- end row removed -->To configure the menu as a whole, we need to navigate to the Avada theme options panel and then menu. I haven’t checked in on a tablet yet. To start with, I'm a total Wordpress newbie. Avada Website Builder. WooCommerce Builder. The Avada WordPress theme, as sold on ThemeForest – designed and created by Theme Fusion – has racked up a staggering 650,000 sales, making it one of the all-time best-selling WordPress themes in existence (it’s main competitors being the likes of Divi, from Elegant Themes, and Elementor)!. Step 2. Once activated, visit your Menus page (Appearance > Menus), and click the drop-down arrow on a menu item. From your WordPress dashboard, navigate to Beaver Builder > Add New. Please help me with this. Step 4 – Customize your sticky header’s appearance using the. Font Family – Illustrated as A. Avada Boost Sales.