It's about the theme main menu in the header. On that page there are some defined menus for dishes and what should be a menu, i. WooCommerce Builder. So the first thing to do is to go to Avada > Off Canvas, and create your Off Canvas. Home. Menus are styled using a single, static CSS file. To get started with this method of adding your logo to a header layout, click the data icon next to the Option title, as seen directly below. Setting the theme options for individual languages. Note: When you select Flyout design, only a few options will be available. With over 659,649+ licenses sold on ThemeForest. ';"," if ( isset( $_GET['login'] ) && 'failed' === $_GET['login'] ) { // phpcs:ignore WordPress. com development by creating an account on GitHub. Using the Avada Electrician prebuilt site as an example, the tutorial delves into Avada's rich menu options, showcasing how to style menu items, add highlight labels, and personalize the. The free version of this plugin integrates with the native WordPress menu builder, letting you add a flyout or mega menu to your website. With the #1 and #2 above, there is a high possibility that the edit would be lost during an update. . Diego de AlmagroA Custom Header is technically a Layout Section that you add to a Layout. You can apply CSS to your Pen from any stylesheet on the web. com development by creating an account on GitHub. This will show the actual search results, and any other content we might add in the content section of the Search Results Layout. Start or Join a franchisee association for your franchise system by participating in an AAFD Trademark ChapterAbout External Resources. In the Canary channel, Microsoft has started testing new controls for. (@amiens80) 1 year, 4 months ago. This was a really tricky issue that took me a long time to resolve - because the fix is actually ridiculously easy, so much so that most guides skip over it. . Contribute to atomicbird/tomlehrersongs. The Off Canvas Builder allows you to create a huge range of Off Canvases for your Avada website. After installation you will see the following changes made to your WordPress Dashboard: Dashboard > Appearance > Menus (menu management) There will be a Max Mega Menu Settings box on the. . “I tried several menu plugins and this one has it all– both automatic mobile-responsiveness and support for hover/flyout menus. Avada has been the #1 selling theme on Themeforest since its launch in 2012. This video looks at how to make a Push Menu with the Off Canvas Builder in Avada. Step 1 – Go to Avada > Options > Menu > Mobile Menu > Mobile Menu Dropdown Item Height. Try the Avada Theme: more Avada Theme tutorials in this playlist: toolbars do not change within each AutoCAD session, and therefore, a partial cui menu file was created instead. Start selling with Avada. With this tool, you can create a wide range of popups, sliding bars, and even flyout and push menus. -----#avada #websitebuilder #wordpressPur. Choose Default if you want to have the global behavior as set in the Global Options. com development by creating an account on GitHub. Contribute to dune-omega/ptech-clone development by creating an account on GitHub. If you would prefer to use your own JavaScript file, you must make sure it is output after the maxmegamenu. The Avada Library is a versatile feature in Avada, where you can save and deploy. These archive pages display according to the options chosen here. Mobile flyout menu not working when using legacy side header Avada Forms email notifications using incorrect charset leading to special chars not being correctly encoded Arrow color for menus using submenu arrow, when the first item is active with different color A. Obviously, this is the hard bit, where you need to know CSS, and how to. Element not showing up. We post our job openings on this page. You can find free CSS Mobile Menus examples or alternatives to CSS Mobile Menus also. Does. Choose Both for both sidebars. In this series of videos, we look at creating, assigning and designing menus in Avada. Here’s how: From the WordPress Sidebar, navigate to Avada → Websites. css without using !importantCreate & Configure The Popup. An Off Canvas is basically a panel that is positioned outside of the viewport that appears when activated. 1. Mirror of tomlehrersongs. An Off Canvas is basically a panel that is positioned outside of the viewport that appears when activated. Demo Menu Walkthrough. Documentation Everything you could possibly want to know about UberMenu – get instant answers. The Off Canvas Builder allows you to create a huge range of Off Canvases for your Avada website. #1. class="archive tag tag-franchising tag-163 tribe-no-js page-template-home-american-has-sidebar double-sidebars fusion-image-hovers fusion-pagination-sizing fusion-button_type-flat fusion-button_span-no fusion-button_gradient-linear avada-image-rollover-circle-no avada-image-rollover-no fusion. Note: In order to use Page Transitions on existing websites, they first must be activated by navigating to Elementor > Settings > Features. Go to Avada > Options > Custom CSS. Flyout is an aircraft building game with an emphasis on design freedom and realistic physics, sound and effects. 1-3) Then create the menus. 801 Government St. AWB 4 WP. They’re traditionally used to launch info/about dialogs, or directly set Preferences in a remarkably unobtrusive way: the Flyout is easily reachable (stuff in there is always just one click away) and it helps you tremendously in. With these options, you can configure Google reCAPTCHA for use in your Avada Forms. Max Mega Menu. You may have to register before you can post: click the register link above to proceed. By default the sub menus will fly out to the left hand side of the menu. Contribute to atomicbird/tomlehrersongs. Mirror of tomlehrersongs. 2022-04-07T18:12:48+00:00 April 4, 2022 | Comments Off on Full Screen Menu. Create a new menu and assign it to the sticky header by checking the ‘Sticky Header Navigation’ checkbox under the Menu Settings or go to ‘Manage Locations’ tab, and set a menu for. Click on the (…) sign next to the sub category, choose Product . 6. I think this issue has occurred since Layouts 2. It removes the need for multiple page loads provided that users know where to find the information. This file contains ambiguous Unicode characters that may be confused with others in your current locale. Make sure the “Sub menu display mode” is set to “Mega Menu”, then select “Image. 0. Select options / Details. ConversationHow to edit the flyout side bar which uses the Avada University WordPress theme. These are at the bottom of the Add Menu Items dialog, found at Appearance > Menus. 05 Jun 2023 07:30:08A Footer Layout is, technically, a Layout Section that you add to a Layout. Should the box be unticked, the Element will not be available. How To Build A Side Header In Avada Layouts. Most commonly though, you would use the Menu Element, the Image Element to place your Logo, and perhaps some other Elements for design, such. Last Update: February 14, 2023. Powerful options & tools, unlimited designs, responsive framework and amazing. 3) Change the default logo and its variations. Header 1. The Avada Menu Options are found when editing individual menu items in WordPress menus (Appearance. These settings apply to the menu when it is viewed on mobile (i. In CSS, you can create fly out menus using an unordered list. Step 2 – Choose the parent level menu item that you wish to open a mega menu with. I created and assigned my own custom widget area, then I used the same code as above, updating the link location and image but the image still didn’t work. Mega Menu Builder. Method 1: Add a Sticky Menu Using Your Theme Settings (Easy) Some of the best WordPress themes have built-in support for sticky navigation menus. Introduction. There are two types of. Build a custom mega menu. class="-template-default page page-id-40 custom-background ctct-Avada fusion-image-hovers fusion-pagination-sizing fusion-button_type-flat fusion-button_span-no fusion-button_gradient-linear avada-image-rollover-circle-yes avada-image-rollover-no fusion-body ltr no-tablet-sticky-header no-mobile-sticky-header no-mobile-slidingbar no-mobile. See the Introducing Avada Layouts doc for a general overview of this amazing tool, and Understanding Layout and Layout. Backup Font Family – Illustrated as. Give your builder content a unique Title. CA $56. The best CSS Mobile Menus css collection is ranked and result in November 17, 2023. Capture your visitors’ attention. From your WordPress dashboard, navigate to Beaver Builder > Add New. Once this this done, the builder will open in your preferred interface (See the. To enable the max mega menu, go to. Installation. net, Avada is one of the best-selling WordPress premium themes in the world. Edge’s new downloads menu bids goodbye to downloading tray that appears at the bottom when you begin a download. Once installed and activated, you’ll see a new menu item labeled Mega Menu in the dashboard. This feature allows you to set certain options independently for different screen sizes. Use 100% instead of 100vh - “DOM tree nightmare”. Choose the Classic or Modern design styles in Avada options. In some cases, the !important declaration may be needed. Menu Highlight Label Border Color – Allows you to set the menu item’s highlight label border color. Last Update: March 20, 2023. In this blog, we are going to learn about how to add FlyoutPage in . Edit the parent theme’s code and add the code in the header file. In this video we have a look at how to go about implementing and confi. Mega-menus is stylish and can improve the user experience and make it easier for visitors to navigate a website. 2) The design of your menu. Choose between Sidebar 1 or Sidebar 2 to be sticky respectively. The navigation experience provided by . Avada est un thème WordPress très populaire, qui propose une option de menu "Flyout", qui permet donc d'afficher le menu principal en plein écran. In this series of videos, we look at creating, assigning and designing menus in Avada. NET MAUI app with a top and bottom bar for a nested tab menu and customized colors running on an Android device. Create Menu. The first setting is menu height. conditions and instantly detangles to help prevent breakage; strengthens and repairs. Step 1 – As before, if you’re not using Avada Layouts, you assign the main menu for your site directly in the menu itself. class="archive tag tag-franchise-marketing tag-146 tribe-no-js page-template-home-american-has-sidebar double-sidebars fusion-image-hovers fusion-pagination-sizing fusion-button_type-flat fusion-button_span-no fusion-button_gradient-linear avada-image-rollover-circle-no avada-image-rollover-no. Now the quickest, and most CSS way is to use 100% in your page for the whole DOM tree. e. Performance Wizard. Contribute to atomicbird/tomlehrersongs. fusion-main-menu { float: left; padding-left: 50px; } and use JS to get last button to out of nav tag. To hide the default Avada mobile menu, and show the Max Mega Menu mobile menu instead, go to Appearance > Customize > Additional CSS and enter the following: 1. I've also seen a variation of this, where the toolbar and flyout are flipped, so. Arrow submenu indicators are added when one of two conditions are met: The Activate Mega Menu option is checked on a top level menu item. To get started with Off Canvas, head to Avada > Off Canvas. 00. I've been looking at Xamarin. There’s an enormous amount you can do with Sticky Containers, which were introduced back in Avada 7. 3 Avada Theme Changelog Version 7. By default, Max Mega Menu will use the flyout style, where the submenus ‘flyout’ from the side. Updated on: 22/09/2021. After clicking on the Add to Menu button, the new link will now be included in the menu. Step 3 – Once you’ve loaded your menu, go to the ‘Menu Settings’ section at the bottom of the menu, and check the. Off-Canvas Builder. Step 4: Find your sidebar settings. Avada has a built-in mega menu that can be enabled on every First Level menu item in the Appearance - Menus tab. In style. Step 1 – Go to WP Dashboard > Appearance > Menus, locate the first level menu item and click the Avada Options button. 100% Built In-House. Avada › Forums ›. Step 2 – Add your content as normal then determine the content on the page you’d like to target. News and Updates. com development by creating an account on GitHub. This happens when the theme calls wp_nav_menu twice with the same theme_location. Avada › Forums › Community Forum › Flyout Mobile Menu in Custom HeaderMirror of tomlehrersongs. The following is a screenshot demonstrating the following settings on the “Animals” menu item: Menu Item Align: Right. Sticky Header Custom Menu – You can add a custom menu unique to the sticky header in the Appearance > Menus panel in the WP admin panel. Best practices include making your menu simple. Read on to learn more about the special items. You can track form interactions at Report. To fix that, you need to set the mainpage like below: MainPage = new AppShell (); And then register route for the ProvisionPage:This is where our app comes in - with Avada Trust Badges Sale Pop-up you can increase sales and build customer confidence in your store. 3. Looking for a rewarding career at an award winning answering service? Look no further than AnswerFirst. If enabling this plugin, the problem still there. 11. Before starting to develop . 2. This video looks at how to make a Push Menu with the Off Canvas Builder in Avada. To make the menu a bit more charmful, i want the corners of the Dropdown Sub Menu to be rounded. In this video, we are looking at how to use the right-click feature found in Avada Builder. If I visit the page normally however, all the menu items are already displaying and stuck in their hover state. Below 960px, the menu collapses into a menu toggle which can be clicked to reveal the menu items. Navigate to Avada > System Status , and ensure there are no system environment values listed as insufficient (indicated in red). A number of brave individuals are going to be taking on what seems to be a crazy task and being strapped to the top of an aeroplane whilst it fliesContribute to dolasim/dolasim. com development by creating an account on GitHub. Net MAUI. By default the flyout menu will be aligned to the left hand edge of the parent item. Find Avada Fitness in Victoria, with phone, website, address, opening hours and contact info. g. Powerful options & tools, unlimited designs, responsive framework and amazing support are the reasons our customers have fallen in love. The Menu Anchor Element allows you to add a menu anchor (Anchor ID) anywhere within the content of a page or post. When the right page shows up, click to add it as a submenu item. You can make a Container sticky in normal page content, but more often than not, this feature will be used as part of a Custom Header Layout, in conjunction with other complementary Sticky options,. Contribute to EvgeniyTurovets/completecar development by creating an account on GitHub. TJSeMethod, about Tony J Selimi, etc. With #Avada's Off-Canvas builder, you can create dynamic menus, sales CTA's, subscription forms & more. Mirror of tomlehrersongs. 1. Any layouts using this parent are now showing two headers at the top of the page. Avada comes with a unique Advanced Options System, and at the heart of that is the Avada Global Options. Display items only, price only, or both. Then, select ‘Add submenu link. I use a Parent layout "Header and Footer" which is the parent for a number of layouts. After clicking on the Add to Menu button, the new link will now be included in the menu. How To Set The Mobile Menu Navigation Height. . Start selling with Avada. Font Family – Illustrated as A. php. Go to the Avada → Options page. The plugin integrates. ”. Select Mega Menu – Grid Layout as the Sub Menu Display Mode. Flyout menus are commonly used in Photoshop to provide quick access to various tools and features. In the right-hand menu, click on the dotted icon next to the parent item. Select a Rating! View Menus. In this video, we are going to look at how to make a Flyout Menu with the Off Canvas Builder in Avada. Home Community Forum Flyout Mobile Menu in Custom Header. Step 1: Create Flyout Panel Layout Using Beaver Builder. This will take you to the Avada Builder Library, which helps you to create, manage and redeploy any of your Avada Builder content, from complete Pages through to Containers, Columns,. 6 die Off Canvas Funktion eingeführt, mit der es möglich ist, vielfältige Popups zu gestalten (siehe hier). UberMenu implements a single-menu responsive solution. In this case, as the image is only 1200px wide and the site width is 1280px, the image is also slightly zoomed in. As far as I know, there is no option that gives the ability to display a submenu in the flyout menu in. Contribute to atomicbird/tomlehrersongs. You can find other options for Flyout in the Flyout Menu section. Contribute to EvgeniyTurovets/completecar development by creating an account on GitHub. fusion. About HTML Preprocessors. ] By Atif Masood | 2022-10-03T13:04:30+00:00 March 25, 2022 | Comments Off on Mega Menu. They show a video or two about the mega menu used on the AVADA University demo, again they don’t explain how they put that pictures in the dropdown menu. Go to Mega Menu > Menu Themes and paste the following into the Custom Styling area: The flyout sub menus will now be aligned to the bottom of the navigation bar: By default, "flyout" sub sub menus are vertically aligned to the top of their parent item. They show a video or two about the mega menu used on the AVADA University demo, again they don’t explain how they put that pictures in the dropdown menu. botanical repair. Flyout Navigation differs from regular dropdown menus, which involve clicking on an option in the menu. When you start a. sub-menu { border-radius: 0 0 15px 15px; overflow: hidden;} Well, that worked and looks good. The content of each tab can be easily configured using the Drag & Drop grid layout builder, allowing widgets and menu items to be displayed within each tab. Building Your Future. Secondly, we must highlight the nav items which correspond to the currently viewed page. (e. css styles from Avada. NET MAUI apps with tab and flyout navigation of Microsoft Learn that show how the layout is. With this app, you can display real-time sales notifications to create a sense of urgency and social proof as well as a countdown timer to create a sense of urgency. UberMenu 2. Menu Highlight Label Border Color – Allows you to set the menu item’s highlight label border color. 7 fl oz/200 ml. Global Custom CSS. class="archive tag tag-buying-a-franchise-pros-and-cons tag-113 tribe-no-js page-template-home-american-has-sidebar double-sidebars fusion-image-hovers fusion-pagination-sizing fusion-button_type-flat fusion-button_span-no fusion-button_gradient-linear avada-image-rollover-circle-no avada. These are. With this tool, you can create a wide range of popups, sliding bars, and even flyout and push menus. Step 2 – After you set the custom class or ID, we can then control the styling of that element by adding custom css that targets the class name. In your Header Layouts Section, set the transparency of the second Header Layout Section Container to full transparency, by setting the alpha channel to zero in the Background > Color > Container Background Color option, as seen below. Menu admin 2020-04-08T14:18:26+00:00. The settings for Page Transitions can be found by navigating to your Site Settings; these are located in the top corner of your editor by clicking the hamburger icon. The Image on the left shows the current style of the menu / submenu. php. g. Features Highlights. Offering such types of menus usually help many users to avoid long scrolling and may quickly get them any access needed to a variety of your site’s content. Properly setting up your Avada mobile menu is going to help people navigate your website more easily on mobile devices. To enable the Avada Mega Menu, click the Avada Menu Options button on your chosen. Yes, it is compatible with any WordPress Theme where you are using a regular WordPress menu ( not a menu created with a Page Builder or a Custom Header Part / Ajax Navigation / what is not a regular Menu ). With the Off Canvas Builder, it is possible to create Flyout menus for your website, using the full features of Avada Builder. In this wordpress tutorial for beginners you will learn how to make mobile submenus expended or open by default in avada theme in wordpress website. Set which side and where you want the button to show. 1. It is used to add the submenus in the Mega Menu, and has very. For more information on modals, click here! Flyout Menu Background Image – Select an image for the flyout menu background. As you can see in the back-end builder view, there are two containers, with two Elements in each. Step 1 – Create a new page or post, or edit an existing one. This will bump you to the main settings page where you can configure the WooCommerce cart icon plugin to fit your needs. Appetizers. Thread Starter amiens80. Mirror of tomlehrersongs. If you are having trouble displaying your Mega Menu, check to see if you are using a Legacy Header. A flyout menu ( Activate Mega Menu is unchecked) has child items. 8 it works for now. It is fast and easy to use because it is a visual drag-and-drop page builder. 8 Stars - 8 Votes. Step 1: Create an Flyout Sign up form From the app, select Forms > Click Create button At Select Type, select Notification Popup At Select template, select Flyout. 1) The creation of the menu (with the text) 1-1) Go to the menu configuration page. 3, and Avada Core is version is at 5. 15 Apr 2023 14:30:10Structurally, Avada has four Layout Sections: the Header, the Page Title Bar, the Content area, and the Footer. I´m working on a new WordPress Site using the Avada Theme. fusion-main-menu {float:none !important;} . A flyout menu ( Activate Mega Menu is unchecked) has child items. Start by working through the options. This video looks at how to use the One Page Text Link Element in Avada Bui. Step 2 – Check your frontend with the new menu height to see how your main menu and logo are positioned in the header. To hide the default Avada mobile menu, and show the Max Mega Menu mobile menu instead, go to Appearance > Customize > Additional CSS and enter the following: 1. Method 1. In this example, I have also added two more Icon Only menu items below the submenu items, both from the Avada Special Menu Items – a Search icon, and a WooCommerce Cart Icon. One is illustrated in the image below. The best CSS Mobile Menus css collection is ranked and result in November 17, 2023. Avada 3. In WPML -> Languages -> Menu language switcher, switch the Language Switcher from Dropdown to List of languages. In Avada Layouts, there are four types of layout sections you can create – a Header Layout Section, a Page Title Bar Layout Section, a Content Layout Section, and a Footer Layout Section. This will replace the Upload image button with a Select Dynamic Content dropdown. How to Tan Coon Skins at Home - Gone Outdoors Your Adventure Awaits. This video looks at how to create menus. To make a. If you are using the Avada “Mobile Navigation” location, and want to display the Avada Mobile Menu on mobiles, skip this step. To register your copy of Avada, s imply paste. There are three ways to do that: 1. Nesting items in fly out menu eliminates the need for a long menu. 1. Using WordPress Settings. In my opinion, I would always prefer a Flyout menu, but for a simple menu structure, it can also work. Click here to know more about the Mobile Menu settings. Off-Canvas Builder. The theme provides a class that will allow you to manually deregister scripts in a child theme or custom plugin. main links what we do [. Having one Mobile General makes it easier for the users to navigate your corporate on devices are minus screen size, particularly if you have a lot about pages/menu items. See our Setting Up A Menu doc, or the WordPress Menu User Guide on the WordPress Codex for detailed information on this step. 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. . e. 3. 3. You can find free CSS Mobile Menus examples or alternatives to CSS Mobile Menus also. Contribute to atomicbird/tomlehrersongs. - You can edit the design, trigger of the popup. . Using WordPress Settings. This takes you to Step 1 of the Wizard, where you need to register your copy of Avada. It is perfect for both users and search engines having light weight coding and fast loading speed (Optimized for Speed). These options include activating and deactivating the Avada Builder on custom post types, enabling or disabling any of the Avada Builder Elements to improve performance, a Role Manager to control access, and exporting or. 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. 0, with the introduction of the Header Builder, and which enables you to create cus. Am comparing Avada, with MegaMainMenu, and WPML. x. 6 Responsive Multi-Purpose WordPress Theme is the best choice for making an ultimate powerful blog with premium qualities. As far as I know, there is no option that gives the ability to display a submenu in the flyout menu in Avada. However, if any other value is set, they will override the Avada Global. The only mega menu plugin with zero “!important”, block or inline CSS styles. 2. class="archive tag tag-franchise-lawyers tag-141 tribe-no-js page-template-home-american-has-sidebar double-sidebars fusion-image-hovers fusion-pagination-sizing fusion-button_type-flat fusion-button_span-no fusion-button_gradient-linear avada-image-rollover-circle-no avada-image-rollover-no fusion. Max Mega Menu. How To Set Up Different Headers / Logos For Mobile (And/Or Sticky). Main Menu, Mobile Menu, Secondary top menu just to name a few). Sticky Sidebars: This is where you can select which Sidebars on the page will be sticky when scrolling. <br /> <b>Warning</b>: Attempt to read property<br /> <b>Warning</b>: Attempt to read propertyContribute to ThePizzaGod2/Web development by creating an account on GitHub. I tried to adapt the. . Working With Sticky Containers. . htmlNavigate to the Customize section, click Menus, and then click on the cogwheel icon and check the box next to CSS Classes. Gallery Floating Social Buttons. The default calendar is located at /events which can be changed in the plugin settings. Sort these items into four columns. reCAPTCHA Site Key – Follow the steps in our docs to get the site key. 8. Step 3: Setup the Mega Menu. Read More Mega Menu Style. Arrow submenu indicators are added when one of two conditions are met: The Activate Mega Menu option is checked on a top level menu item. Options shown on this section will vary depending on your selected header type. Watch this explainer video about creating a stylish flyout menu for your website #WebsiteBuilder #WordPress #wordpresswebsite #HowTo #resources . com is the number one paste tool since 2002. Watch this explainer video about creating a stylish flyout menu for your website #WebsiteBuilder #WordPress #wordpresswebsite #HowTo #resources . With over 300,000 active installations to date, Max Mega Menu is the leading mega menu plugin from the WordPress plugin directory and the go-to for many admins. You’re successfully set up your BigCommerce Mega Menu. Contribute to cauvery-digital/breast-growth development by creating an account on GitHub. Let’s look at the Preferences, accessed from the main toolbar from the Preferences icon, as seen below. With this option, you can create global header with avada page editor as per your need. Step 2 – Go to the Appearance > Menus tab and load the Absolute Links Menu you have created. 3. Managing the flyout menu for downloads, history and favourites is about to get a whole easier in Microsoft Edge. Avada 2. To do this, add a ‘1/1’ Column directly above the content you’re targeting by clicking the ‘+ Columns’ button on the lower right. With over 230,000 satisfied. How To Customize The Scrolling Navigation. Create page transitions 11. Step 1 – Navigate to Appearance > Widgets and click the ‘Add New Widget Area’ button. I defined the flyout with elements (appetizer, main course and dessert) in the appshell, and. View Our Menu. The properties of a menu flyout are. com development by creating an account on GitHub. com development by creating an account on GitHub. Wouldn’t it be great if you had a road map before you started out? If you are considering investing your hard earned money (or borrowed capital) as well as your financial future and dreams in a new franchised business the Road Map of Buying a Franchise is a must read. 00. Firstly, the General Blog Options are located at Avada > Options > Blog > General Blog, from the WordPress dashboard. Step 2 – Build your menu as you normally would. If you are not sure. Properly setting up your Avada mobile menu is going to help people navigate your website more easily on mobile devices. 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 get started with Off Canvas, head to. info. WooCommerce Builder. Theme Fusion hat in Avada 7. Please use the search bar above to search the Knowledgebase, or browse articles in the left menu.