Note: In order to use Page Transitions on existing websites, they first must be activated by navigating to Elementor > Settings > Features. The only thing that is displayed is an arrow that takes you back to the Login page. It has a range of styling options, including new layout options added with Avada 7. NET MAUI apps with tab and flyout navigation of Microsoft Learn that show how the layout is. The only mega menu plugin with zero “!important”, block or inline CSS styles. Mirror of tomlehrersongs. = 'Avada has been the #1 selling theme for more than 4 years, making it the most trusted and complete WordPress theme on the market. The Off Canvas Builder allows you to create a huge range of Off Canvases for your Avada website. 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. Home Community Forum Flyout Mobile Menu in Custom Header. To use these examples, install the “ TC Custom JavaScript ” plugin, then paste one of the following options into the Appearance > Custom JavaScript page. If I visit the page normally however, all the menu items are already displaying and stuck in their hover state. Watch this explainer video about to create a stylish flyout menu. Element not showing up. Managing the flyout menu for downloads, history and favourites is about to get a whole easier in Microsoft Edge. Choose from V2, or V3. Before starting to develop . 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. I tried to adapt the. For that you have to just visit in avada theme editor and click on Custom css. Now you can set the number of columns that. The type of Off Canvas you want for a push menu is a Sliding Bar. 0. Step 2 – Once created, you’ll see your new widget area on the right side. Forms Shell. Finally, Microsoft is addressing Chromium Edge‘s download management problem by bringing a flyout menu similar to Favorites, History, and Collections. Superfly WordPress menu plugin will let you generate the vertical push, sliding, static navigation, fullscreen menu, icon toolbar menu as per your requirement. Resources. . Flyouts. It’s one of the best free plugins available in the library. Step 1 – Navigate to Appearance > Menus from the WordPress sidebar. Navigation Menu is a theme feature introduced with Version 3. 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. Keep going until you’ve added all your desired content. Step 2 – Add your content as normal then determine the content on the page you’d like to target. e. The Image on the left shows the current style of the menu / submenu. Step 1 – Go to the Avada > Options > Social Media > Social Media Icons panel. reCAPTCHA Version – Set the reCAPTCHA version you want to use and make sure your keys below match the set version. Font Family – Illustrated as A. Optimize your website easily. VLAB is a non-profit organization that connects entrepreneurs, founders, industry experts, and investors with ideas and technologies that have the potential to disrupt industries and create opportunities. Countdown timer: create multiple. This is a horizontal version of the dropdown, where the submenus “flyout” from the side when you mouse over or click the main item. How To Build A Side Header In Avada Layouts. NET MAUI app with a top and bottom bar for a nested tab menu and customized colors running on an Android device. To do this, add a ‘1/1’ Column directly above the content you’re targeting by clicking the ‘+ Columns’ button on the lower right. Flyout Mobile Menu in Custom Header sarahkatecreative 2021-01-25T17:36:09+00:00. Simply click on the circle to the right of the option to enter the hover state for those. With #Avada's Off-Canvas builder, you can create dynamic menus, sales CTA's, subscription forms & more. The first setting is menu height. 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. With each new Avada update comes a set of new options, features, and code improvements. The Avada Builder has a vast array of options that allow you to configure the Builder to suit your preferences. In order to incorporate menu support into your theme, you need to add a few code. In Avada 3, the UberMenu option still appears in Appearance > Theme Options > Extra Options > Enable or Disable Support for Plugins Installed Manually > UberMenu Plugin Support, it is just located slightly further down in the settings. With Layout 1. UberMenu implements a single-menu responsive solution. Contribute to atomicbird/tomlehrersongs. Use fly-out (or drop-down) menus to provide an overview of a web site’s page hierarchy. g. Specifically, the adjacent containers of the overlapping elements. If your use case is intentional and legitimate, you can safely ignore this warning. com development by creating an account on GitHub. 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. To make the menu a bit more charmful, i want the corners of the Dropdown Sub Menu to be rounded. 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. 11. Choose between Classic, Modern, or Flyout. In Avada options, go to Menu > Flyout Menu; Go to “Flyout Menu Icon Color” and update the color you want. Our team always ensures we make everyone aware of any important items that will show in the new update. Out of the Box it's not possible to use the side-navigation style in the main menu. Same day delivery can be arranged ONLY for the UK Courier delivery can be arranged on every Thursday, Booking cutoff time 2 pm Sunday, any booking after cut off time will delivered flowing week. class="-template-default page page-id-86 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. To get started with Off Canvas, head to Avada > Off Canvas. Display always, or only when there are items in the cart. These options are found on the bottom of the Main tab, with the Main Menu Item Border Size and Main Menu Item Border Color options. when the screen width is below the Responsive Breakpoint width). How To Use The Avada Builder Library. You may need to add a mobile only menu item to get to the parent level menu item and css styling to make it apparent that there is a submenu. New. class="tribe_events-template-default single single-tribe_events postid-6070 real-accessability-body tribe-no-js page-template-avada tribe-filter-live fusion-image-hovers fusion-pagination-sizing fusion-button_size-xlarge fusion-button_type-flat fusion-button_span-no avada-image-rollover-circle-yes avada-image-rollover-yes avada-image. sub-menu li a:hover{ font-family: "Fira Sans", Arial. Give your new menu a name, and then click the Create Menu button. Mirror of tomlehrersongs. Display always, or only when there are items in the cart. This CSS should primarily be added to the the Custom CSS field in the Global Options, found at Avada > Options > Custom CSS. Elegant Elements for Avada provides Text Path element to attach your text to 8+ predefined shapes with full design flexibility. To do this, click on WooCommerce > Menu Cart Setup. The Avada WooCommerce Builder was initially released with Avada 7. Avada flyout menus disable submenu functionality but still render them in the html. New. The ‘Custom’ option is the last option in the dropdown. Updated on: 22/09/2021. 8 changed the problem a little bit. There’s an enormous amount you can do with Sticky Containers, which were introduced back in Avada 7. . A flyout menu ( Activate Mega Menu is unchecked) has child items. Our Most Popular Dishes. Display items only, price only, or both. Hide () when I click on the "Add" Button`. WooCommerce Builder. You can customize everything including the font-family, font-size, and colors for the text path content. When you add a description to a menu item, the alignment is forced to center justification. 11. Gallery Mega Menu Style Mega Menu Style. 1) The creation of the menu (with the text) 1-1) Go to the menu configuration page. NonceVerification","\t\t\t\t\t\t\t\t$items . Contribute to atomicbird/tomlehrersongs. Use 100% instead of 100vh - “DOM tree nightmare”. It’s one of the best free plugins available in the library. Contribute to atomicbird/tomlehrersongs. 11. 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. (@amiens80) 1 year, 4 months ago. Have a Mobile Menu makes it easier for the users to navigate your website<br /> <b>Warning</b>: Attempt to read propertyKing of the Jungle Red Hot Firepot Slots The King of the Jungle Red Hot Firepot (RHF) is an innovative slot game created by the renowned German slot manufacturer, Gamomat (formerly Bally Wulff). Once installed and activated, you’ll see a new menu item labeled Mega Menu in the dashboard. -----#avada #websitebuilder #wordpressPurch. The #1 selling Website Builder on Themeforest for 10 + Years. See new Tweets. The Avada Mega Menu Builder is accesssed from the Ava. The column adjusts its height to show the image in full. 2, and further updated with Avada 7. There are three ways to do that: 1. It is fast and easy to use because it is a visual drag-and-drop page builder. But regardless of the name change, this element is. Set your theme options for. The Avada help center is a central repository for professional documentation, video tutorials, and hands-on support for beginners, marketers, and professionals. 100% Built In-House. 9. . 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. There are three ways to do that: 1. Theme Fusion’s Avada has been voted the #1 Best Selling Theme for three years – and for good reason! It features a plethora of powerful customization options, a responsive framework, and premium-quality support with each license making it one of the most trusted themes available for WordPress sites. Now the quickest, and most CSS way is to use 100% in your page for the whole DOM tree. 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. Build a custom mega menu. The image on the right is showing the side-navigation template which comes with Avada. Contribute to EvgeniyTurovets/completecar development by creating an account on GitHub. class="archive tag tag-best-franchising-practices tag-108 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. Building Your Future. 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. To use these examples, install the “ TC Custom JavaScript ” plugin, then paste one of the following options into the Appearance > Custom JavaScript page. With this option, you can create global header with avada page editor as per your need. If you are having trouble displaying your Mega Menu, check to see if you are using a Legacy Header. g. htmlNavigate to the Customize section, click Menus, and then click on the cogwheel icon and check the box next to CSS Classes. 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. You may have to register before you can post: click the register link above to proceed. Step 3 – Now determine which Containers you’d like to target. 3. Flyout Navigation differs from regular dropdown menus, which involve clicking on an option in the menu. Any layouts using this parent are now showing two headers at the top of the page. Skin On Fries. With #Avada's Off-Canvas builder, you can create dynamic menus, sales CTA's, subscription forms & more. class="-template-default page page-id-44 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. In the header content sub-panel, set the ‘Header Position’ option to Left or Right, which will display the header on the left or right side. I have tried setting the x:Name of the AppBarButton and the Flyout and referencing them in. Step 2 – While still in the Avada Global Options panel, switch to a different language using the Language Switcher at the top of the WP-admin panel. hi,Even in an UberMenu, you can still create a normal flyout menu. I´m working on a new WordPress Site using the Avada Theme. . com. How to Tan Coon Skins at Home - Gone Outdoors Your Adventure Awaits. Responsive Options in Avada Avada is a fully responsive theme, with a range of options to control the various. Enter the name of the campaign > select Save. Step 1 – Go to WP Dashboard > Appearance > Menus, locate the first level menu item and click the Avada Options button. Avada v7. Step 1 – Registration. Copy the header file into the child theme and modify the code in that file. Step 2 – Click the ‘Create A New Menu’ link. Flyout Navigation is any page menu that visually generates submenus, objects, or links when website users hover their mouse over them. When a Design Element is not available to add to your layout, check the following: Check if the Element is enabled in Avada > Options > Builder Options. Step 2 – Choose the parent level menu item that you wish to open a mega menu with. Method 1. Contribute to atomicbird/tomlehrersongs. Step 3: Setup the Mega Menu. The first one is main menu. 0. Mobile Menu Icons Top Margin – Illustrated as B. 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. Float left, float right, or use your menu’s default. Add items as usual. 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. In some cases, the !important declaration may be needed. Then, whether it is used or not, the Page Title Bar Layout Section sits directly. Kindly see our Inheritance Feautures document for to overview of legacy process, and their up to date counterparts. Mirror of tomlehrersongs. Give your builder content a unique Title. Powerful options & tools, unlimited designs, responsive framework and amazing support are the reasons our customers have fallen in love. Properly setting up your Avada mobile menu is going to help people navigate your website more easily on mobile devices. Security. Copy the header file into the child theme and modify the code in that file. How To Create The Main Menu. Read on to find out more about this exciting Element, and watch the video for a visual overview. Properly setting up your Avada mobile menu is going to help people navigate your website more easily on mobile devices. 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. $ 14. In this series of videos, we look at creating, assigning and designing menus in Avada. With the #1 and #2 above, there is a high possibility that the edit would be lost during an update. In this video, we are looking at how to use the right-click feature found in Avada Builder. The grid structure will be filled with the submenu items automatically (in this case, our product categories). Add to cart / Details. 3 Avada Theme Changelog Version 7. . php. . To add these links, click on the Links panel in the left column. 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. Avada — developed by ThemeFusion — is one of the most popular premium (paid) WordPress themes which is marketed exclusively via ThemeForest. 7 fl oz/200 ml. One is illustrated in the image below. Adding a Mega Menu in WordPress. Here's the steps to follow covered on that url: How To Set The Mega Menu To Full Width. This page builder has more than 65 elements, including Button, Blog, Chart, FAQ, Countdown, Image Carousel, Gallery, etc. Edit the parent theme’s code and add the code in the header file. 1-3) Then create the menus. Menu Element. 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. As the Global Option for the Sliding Bar Toggle Style > Main Menu Icon will not work when using the Menu Element, there is the option to add a Sliding Bar Toggle to your Menu via the Avada Special Menu Items. The Image on the left shows the current style of the menu / submenu. It’s also important to change the top level menu item to Icon Only through the Avada Menu Options. 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. 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. ” Publish the changes and then go back to. HTML preprocessors can make writing HTML more powerful or convenient. g. - You can edit the design, trigger of the popup. Check. Contribute to dune-omega/ptech-clone development by creating an account on GitHub. Fill in the list of Product Details. Its concept is pretty similar to Divi whereby it includes a page builder — called Avada Live — as its built-in feature. g. Publish the changes and then select the menu that you’re styling. Superfly Mobile Menu Plugin. The best CSS Mobile Menus css collection is ranked and result in November 17, 2023. However, if any other value is set, they will override the Avada Global. Using WordPress Settings. This will launch the Prebuilt Website Importer, where you can choose which types of content to import. See the Introducing Avada Layouts doc for a general overview of this amazing tool, and Understanding Layout and Layout. It allows you to create unique and creative page layouts using its 55+ builder elements. Controls the. This feature allows you to set certain options independently for different screen sizes. 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). If you are using the Avada “Mobile Navigation” location, and want to display the Avada Mobile Menu on mobiles, skip this step. class="archive tag tag-franchise-resources tag-150 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. Just make sure that Activate Mega Menu is NOT checked on the top level menu item. When styling your various menu locations, the. This is the best 300,000+ QuadMenu is the most feature-rich mega menu for WordPress. com. Mega Menu Builder. Mais cette option ne supporte pas les sous-menus, et n'affiche que les menus de premier niveau. 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. As you can see, there are several menu related tabs. Okay there are a ton of JS errors in the console and the autoptimize plugin has minified lots of CSS. Max Mega Menu will automatically convert your existing menu into a mega menu. Using WordPress Settings. Do not include any HTML in this field. 3, and Avada Core is version is at 5. 1). Step 2 – Once the settings window has opened, locate and activate. ThemeFusion added UberMenu support into Avada in version 2. Build a custom mega menu. With that being said, it’s worth checking your theme settings by going to Themes » Customize in the WordPress dashboard and looking for any settings labeled ‘Menus. An Off Canvas is basically a panel that is positioned outside of the viewport that appears when activated. This setting is located in Avada > Options > Menu > Main Menu. reCAPTCHA Site Key – Follow the steps in our docs to get the site key. This sets the overall height of the menu by adjusting the line height of the menu items. With the Off Canvas Builder, it is possible to create Flyout menus for your website,. Contribute to atomicbird/tomlehrersongs. fusion. How To Customize The Scrolling Navigation. Step 2 – Add your content by adding Containers and selecting your desired column layouts, then adding the Elements into the columns. 2. . 2. If you are, you will need to replace it by creating a Custom Header Layout and adding your Mega Menu Layout through the Menu Element to your Custom Header. class="archive tag tag-franchise-owners tag-149 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. Contribute to cauvery-digital/breast-growth development by creating an account on GitHub. It's free to sign up and bid on jobs. Read on to discover how you can customize. This is usually a z-index issue with your theme’s container divs. class="archive tag tag-franchise-information tag-138 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. Part 4: Images Submenu Demo Menu Walkthrough. Click on Create Menu button and you will see the following screenshot. ';"," if ( isset( $_GET['login'] ) && 'failed' === $_GET['login'] ) { // phpcs:ignore WordPress. 1. If you use the Avada theme, building a mega menu is not a problem. The properties of a menu flyout are. Main Menu, Mobile Menu, Secondary top menu just to name a few). info. For the links that you’d like to point to an anchor on a specific page, insert a ‘Custom Link’ and use the absolute link of the anchor. Enable/Disable The Mobile Menu Search Icon/Field. 2022-04-07T18:12:48+00:00 April 4, 2022 | Comments Off on Full Screen Menu. Let’s look at the Preferences, accessed from the main toolbar from the Preferences icon, as seen below. Step 1 – Navigate to Appearance > Widgets and click the ‘Add New Widget Area’ button. In this example, we name it Off-Canvas Content. Build a custom mega menu. . For details of the context menu, see the reference here. Once installed and activated, you’ll see a new menu item labeled Mega Menu in the dashboard. Was aber die meisten nicht wissen: Genau mit dieser Funktion ist es endlich auch möglich, komplett individuell gestaltete Flyout-Menüs zu erstellen. js file. 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. Your sidebar options may be seen in the sections area but, the option may be coded into one of the sections. A flyout menu ( Activate Mega Menu is unchecked) has child items. Obviously, this is the hard bit, where you need to know CSS, and how to. View Cart. In the right-hand menu, click on the dotted icon next to the parent item. Step 1 – Go to WP Dashboard > Appearance > Menus, locate the first level menu item and click the Avada Options button. Menu Element. These settings apply to the menu when it is viewed on mobile (i. 3 - November 13th, 2023 ----- - NEW: Added lots of new styling options to Testimonial element (e. So easy… MenuItem. So I tried to add the following custom CSS Code: . . With over 659,649+ licenses sold on ThemeForest. Part 1: Overview & Menu Bar Demo Menu Walkthrough. Avada Builder Library. The Avada Menu Options are found when editing individual menu items in WordPress menus (Appearance. The tabs themselves (to the left) can be configured in the same way as any other menu item - for example you can add icons, disable the link,. com. Avada comes with a unique Advanced Options System, and at the heart of that is the Avada Global Options. 2, and further updated with Avada 7. 1. You can track form interactions at Report. Contribute to atomicbird/tomlehrersongs. Start selling with Avada. #Avada's Off-Canvas builder can be used for more than creating dynamic popups or information sliders. For more info, see Flyout class. Documentation & Videos. Now the toolbars and flyouts load successfully in AutoCAD 2017 via a one-time cuiload command. Languages: English • Menus 日本語 Slovenčina • 中文(简体) • (Add your language). Recreating the Demo Menu. Step 2 – Look for ‘Display Mobile Menu Search Icon/Field’ option and set this to ON. 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. Working With Sticky Containers. . Victoria, BC V8W 1W8 (Map & Directions) (250) 382-4249. Mirror of tomlehrersongs. 1 – Go to WP Dashboard > Appearance > Menus, locate the first level menu item and click the Avada Menu Options button. In this video, we are going to look at how to make a Flyout Menu with the Off Canvas Builder in Avada. It is perfect for both users and search engines having light weight coding and fast loading speed (Optimized for Speed). If you’re in search of Italian catering to host an event at home, office, or a team lunch, give us a call! Top-rated fresh pasta & lasagna catering shop in Vaughan. Find Avada Fitness in Victoria, with phone, website, address, opening hours and contact info. Enter a menu name, in this example we will call our menu, Sample Menu 2. By default avada doesn't provide to change hover text color of submenu but you can do using custom css option. Issues with Edge’s current download manager. 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. If you are using the Avada “Mobile Navigation” location, and want to display the Avada Mobile Menu on mobiles, skip this step. Start selling with Avada. This file contains ambiguous Unicode characters that may be confused with others in your current locale. This video walks you through how to create your own custom cart for WooCommerce in Avada. Mega menus are extremely popular when it comes to providing large websites with a lot of information for the user. Set which side the menu appears from (left, right, top or bottom) Use background image for the menu. With the Content Layout Section, the Layout Section Elements become available. Click the Badge tab and paste one or both of the following shortcodes into the “Badge Text” field to display your cart count/total: [maxmegamenu_woo_cart_count] [maxmegamenu_woo_cart_total] There are 4 built in styles for menu item badges, which can be edited under Mega Menu > Menu Themes >. The Portfolio Element allows you to add a customized range of your Portfolio items anywhere in your content. Avada Live has an intuitive and minimalist workspace, but there are also a range of preferences to help you work in the way you want to. This feature allows you to set certain options independently for different screen sizes. Watch this explainer video about creating a stylish flyout menu for your website #WebsiteBuilder #WordPress #wordpresswebsite #HowTo #resources . Step 1 – Login to your WP-admin and go to the Avada Global Options panel. JoJoThemes Developer Team do their best to share Free WordPress Themes, Professional. Click on Save when finished. You will need to configure the Off Canvas as you require, but the main settings you need to make a Push.