By disab. With this tool, you can create a wide range of popups, sliding bars, and even flyout and push menus. If you use the Avada theme, building a mega menu is not a problem. Avada v7. . In this series of videos, we look at creating, assigning and designing menus in Avada. Contribute to atomicbird/tomlehrersongs. If you have set up a long menu, with many levels, this can result in…. hi,Even in an UberMenu, you can still create a normal flyout menu. class="-template-default page page-id-46 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. 6. Set Hover State Border & Color. Resources. 1) The creation of the menu (with the text) 1-1) Go to the menu configuration page. To make them fly out to the right of the menu, go to Appearance > Menus. (@amiens80) 1 year, 4 months ago. Main Menu, Mobile Menu, Secondary top menu just to name a few). . Diego de AlmagroA Custom Header is technically a Layout Section that you add to a Layout. I already posted a question in the Theme-Fursion forum, but they were not able to help me. With Avada person responsive real mobile-friendly, this comes a mobile responsive menu as well. This takes you to Step 1 of the Wizard, where you need to register your copy of Avada. Victoria, BC V8W 1W8 (Map & Directions) (250) 382-4249. 3 or greater needs to be installed with . Max Mega Menu is a free plugin for WordPress. If you have top level menu items with no submenus and want to remove the arrows, simply uncheck Activate Mega Menu on those menu items. Step 2 – Add your content by adding Containers and selecting your desired column layouts, then adding the Elements into the columns. On mobile 100vh !== 100%. class="-template-default page page-id-104 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. Below 960px, the menu collapses into a menu toggle which can be clicked to reveal the menu items. With this option, you can create global header with avada page editor as per your need. For details of the context menu, see the reference here. Step 1 – Navigate to the Appearance > Menus tab on your WordPress admin panel. 3. com development by creating an account on GitHub. Your sidebar options may be seen in the sections area but, the option may be coded into one of the sections. This will replace the Upload image button with a Select Dynamic Content dropdown. Only within the items of the first level of the menu, we will see the option to activate or deactivate the Mega Menu Fusion option. Career Opportunities. This page builder has more than 65 elements, including Button, Blog, Chart, FAQ, Countdown, Image Carousel, Gallery, etc. Give it a name, then click the ‘Create Menu’ button. 8. This has the avada header, child and avada footer as its three rows. As far as I know, there is no option that gives the ability to display a submenu in the flyout menu in Avada. Properly setting up your Avada mobile menu is going to help people navigate your website more easily on mobile devices. Vi har en favorit för alla - HtmlMadeOutput the Cart Total as a Menu Item Badge. Build a custom mega menu. _____. Flyout Navigation is any page menu that visually generates submenus, objects, or links when website users hover their mouse over them. This can be a container, such as a Panel derived class, so that multiple content items within the Flyout can be arranged in layout. Skin On Fries. With the #1 and #2 above, there is a high possibility that the edit would be lost during an update. Font Family – Illustrated as A. I defined the flyout with elements (appetizer, main course and dessert) in the appshell, and. Menu Element. Step 2 – Build your menu as you normally would. At the top of the Layout Builder page are two sections. In the right-hand menu, click on the dotted icon next to the parent item. Mobile Menu. In this series of videos, we look at creating, assigning and designing menus in Avada. Issues with Edge’s current download manager. From first moment it's visible it's already like that, and all the menu items are the same as if they were all being hovered. Step 3 – To. To enable the Avada Mega Menu, click the Avada Menu Options button on your chosen. 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,. From your WordPress dashboard, navigate to Beaver Builder > Add New. With #Avada's Off-Canvas builder, you can create dynamic menus, sales CTA's, subscription forms & more. Part 1: Overview & Menu Bar Demo Menu Walkthrough. com. The image on the right is showing the side-navigation template which comes with Avada. Flyout design style only allows parent level menu items. 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. Max Mega Menu. Display items only, price only, or both. 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. On the WordPress Menu page, you will find the Avada Special Menu Items. class="-template-default page page-id-101 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 use these examples, install the “ TC Custom JavaScript ” plugin, then paste one of the following options into the Appearance > Custom JavaScript page. Responsive Options in Avada Avada is a fully responsive theme, with a range of options to control the various. Use 100% instead of 100vh - “DOM tree nightmare”. Step 2 – Check your frontend with the new menu height to see how your main menu and logo are positioned in the header. Capture your visitors’ attention. Step 3: Setup the Mega Menu. These descriptions are based on the orientation of the menu, not really different types of. Less than 2kb JavaScript (when gzipped) Responsive, touch & retina ready. Step 2 – Go to the Appearance > Menus tab and load the Absolute Links Menu you have created. Step 3: Setup the Mega Menu. 11. TJSeMethod, about Tony J Selimi, etc. Mario. This will show the actual search results, and any other content we might add in the content section of the Search Results Layout. Over 550 help files & 200 tutorial videos will make building websites with Avada even easier. Security. Create page transitions 11. It allows you to create unique and creative page layouts using its 55+ builder elements. We are invested in what matters most to you, your vision. fusion-main-menu {float:none !important;} . Here is an example that would eliminate all : add_action ( 'wp_enqueue_scripts', 'custom_disable_theme_js' ); function custom_disable_theme_js () { Fusion_Dynamic_JS::deregister_script ('fusion-chartjs'); }The Icon Element, (formerly the Font Awesome Icon Element) was renamed back in Avada 6. The Layout Builder may be accessed from the Avada Dashboard by selecting Layouts > Layout Builder from the drop-down menu. I tried to adapt the. Archive pages are the automatically generated pages you get when you click on a Category, or Tag on the front end. 00. Avada › Forums ›. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. 18K views 1 year ago Playlist: Avada Basics. ConversationHow to edit the flyout side bar which uses the Avada University WordPress theme. Navigate to Avada > System Status , and ensure there are no system environment values listed as insufficient (indicated in red). 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. Step 2 – Once the settings window has opened, locate and activate. Avada — developed by ThemeFusion — is one of the most popular premium (paid) WordPress themes which is marketed exclusively via ThemeForest. Make sure the “Sub menu display mode” is set to “Mega Menu”, then select “Image. This setting is located in Avada > Options > Menu > Main Menu. Does. Also not that the displayed option screens below show ALL the available options for the element. 03 Nov 2022 22:45:04With #Avada's Off-Canvas builder, you can create dynamic menus, sales CTA's, subscription forms & more. Step 4: Find your sidebar settings. 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. Start selling with Avada. -----#avada #websitebuilder #wordpressPurch. In CSS, you can create fly out menus using an unordered list. The Off Canvas Builder allows you to create a huge range of Off Canvases for your Avada website. Part 3: Mega Menu Submenu Demo Menu Walkthrough. You can style the output of this element in three main ways. The third step is to specify which content to include in your side header’s header content. 1). With Avada Layouts, you can create custom Headers for your site using the full power of. It’s automatic with Header 6, but with the Mobile Menu, you have to select Flyout in. Am comparing Avada, with MegaMainMenu, and WPML. This feature allows you to set certain options independently for different screen sizes. As far as I know, there is no option that gives the ability to display a submenu in the flyout menu in. In this series of videos, we look at creating, assigning and designing menus in Avada. General Blog Options. css styles from Avada. Choose from V2, or V3. Part 5: Advanced Submenu Demo Menu Walkthrough. Version 7. 2022-04-07T18:12:48+00:00 April 4, 2022 | Comments Off on Full Screen Menu. This online slot game is actually an enhanced version of the original King of the Jungle slot, showcasing an exciting addition - theAvada Mega Menu Alignment Bug | Avada Website Builder Tips. 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. With the Off Canvas Builder, it is possible to create Flyout menus for your website, using the full features of Avada Builder. Plus, when I discovered it didn’t work with the latest jQuery, support help was immediate and the fix already deployed. class="page-template page-template-100-width page-template-100-width-php page page-id-1485 fusion-image-hovers fusion-pagination-sizing fusion-button_size-large fusion-button_type-flat fusion-button_span-no avada-image-rollover-circle-yes avada-image-rollover-yes avada-image-rollover-direction-center_vertical fusion-body ltr fusion-sticky. 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. 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. Controls the design of the mobile menu. New. I´m working on a new WordPress Site using the Avada Theme. com development by creating an account on GitHub. Five stars is not grade inflation with this plugin!” cmerrick Important reading: How to use these examples. Here we’ll be talking about displaying the WooCommerce cart icon in the header of two major WordPress themes, Nimva and Astra. -----#avada #websitebuilder #wordpressPurchase Ava. It can be a Portfolio Carousel, a Grid layout, or a Masonry layout. 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. Step 3 – Once ‘Custom’ is selected, the options on the repeater field will change. Theme Editor enhancements: Add hover transition option, second and third level menu item styling, top level menu item border, flyout menu item divider, widget title border & margin settings; Fix: Apply hover styling to menu items when the link is hovered over (not the list item containing the link) Creating the navigation menu items: the steps to follow. Adding a Mega Menu in WordPress. Max Mega Menu. Step 1: Access Avada Builder: Log in to your WordPress dashboard, navigate to the page where you want to edit the menu, and click on “Edit with Avada Builder. Installation. - Edit Flyout Notification popup. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself. Its concept is pretty similar to Divi whereby it includes a page builder — called Avada Live — as its built-in feature. Last Update: March 13, 2023. . JoJoThemes Developer Team do their best to share Free WordPress Themes, Professional. Global Custom CSS. For large content. Give it a name, and change the type to Sliding Bar. Elegant Elements for Avada provides Text Path element to attach your text to 8+ predefined shapes with full design flexibility. 2) The design of your menu. Ideally, I could pass in a reference either to the Flyout directly, or the AppBarButton, so that I can call Flyout. Contribute to atomicbird/tomlehrersongs. Capture your visitors’ attention. Publish the changes and then select the menu that you’re styling. I am aware of the options I need to activate to use the mega menu and submenus. Fodbold live resultat på SofaScore med resultater fra 600+ fodboldligaer. Evento de Lanzamiento de los Retos de Innovación del Galápagos Hub para la Sostenibilidad, Innovación y Resiliencia: enmarcado en el Evento Summit Innovado en Ecuador organizado por la SENESCYT. If you would prefer to use your own JavaScript file, you must make sure it is output after the maxmegamenu. You’re successfully set up your BigCommerce Mega Menu. Sirved has 708 restaurant menus for Victoria, British Columbia. Watch this explainer video about to create a stylish flyout menu. Flyout. From your WordPress dashboard, navigate to Beaver Builder > Add New. com. An Off Canvas is basically a panel that is positioned outside of the viewport that appears when activated. Pastebin is a website where you can store text online for a set period of time. The Avada Menu Options are found when editing individual menu items in WordPress menus (Appearance. Choice of menu animations (slide over the top or push the content) Choice of which Menu to use. The Avada help center is a central repository for professional documentation, video tutorials, and hands-on support for beginners, marketers, and professionals. I've also seen a variation of this, where the toolbar and flyout are flipped, so. So I tried to add the following custom CSS Code: . This video looks at how to use the One Page Text Link Element in Avada Bui. See our Setting Up A Menu doc, or the WordPress Menu User Guide on the WordPress Codex for detailed information on this step. Avada comes with a unique Advanced Options System, and at the heart of that is the Avada Global Options. 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. With over 230,000 satisfied. = 'Avada has been the #1 selling theme for more than 4 years, making it the most trusted and complete WordPress theme on the market. ”. It is used to add the submenus in the Mega Menu, and has very. The ‘Custom’ option is the last option in the dropdown. To get started with Off Canvas, head to Avada > Off Canvas. If enabling this plugin, the problem still there. Last Update: March 1, 2023. Controls the. 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. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. With these options, you can configure Google reCAPTCHA for use in your Avada Forms. Avada Global Options affect the entire site unless overridden. . This will bump you to the main settings page where you can configure the WooCommerce cart icon plugin to fit your needs. Forms Shell. Note: By default, the Element will use the global settings assigned for it in the Options > Avada Builder Elements > Scroll Progress section. 1. com. Our Most Popular Dishes. 6 Responsive Multi-Purpose WordPress Theme is the best choice for making an ultimate powerful blog with premium qualities. Flyout menus for my tool bar not working Photoshop CC 2020/ Mac High Sierra. From there you can enter the address or URL of the link, as well as the link text or title for the item. 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. Avada Theme: A Brief Intro. (e. 6 die Off Canvas Funktion eingeführt, mit der es möglich ist, vielfältige Popups zu gestalten (siehe hier). 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. After clicking on the Add to Menu button, the new link will now be included in the menu. HTML preprocessors can make writing HTML more powerful or convenient. How To Make A Flyout Menu With The Off Canvas Builder. “I tried several menu plugins and this one has it all– both automatic mobile-responsiveness and support for hover/flyout menus. Modified 8 months ago. Superfly WordPress menu plugin will let you generate the vertical push, sliding, static navigation, fullscreen menu, icon toolbar menu as per your requirement. For more info, see Flyout class. Part of PHP Collective. The two Portfolio related areas you can create custom Layouts for are the Single Portfolio Page, and the Archives page. UberMenu implements a single-menu responsive solution. Build a custom mega menu. -----#avada #websitebuilder #wordpressPur. This sets the overall height of the menu by adjusting the line height of the menu items. reCAPTCHA Secret Key – Follow. If you would prefer to use your own JavaScript file, you must make sure it is output after the maxmegamenu. When using the Delay JavaScript Execution feature you may notice that it takes some time, or user's interaction for some elements, e. There is a simple fix, but it must be applied to the appropriate containers. 6, is the ability to manage your Avada Builder Elements, Columns, and Containers through a right click menu. Simply click on the circle to the right of the option to enter the hover state for those. 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. To get started with Off Canvas, head to. How To Customize The Scrolling Navigation. Flyout menus are commonly used in Photoshop to provide quick access to various tools and features. Capture your visitors’ attention. UberMenu remains full-size on larger devices like horizontally-oriented iPads. You can track form interactions at Report. Mega Menu Builder. The first outlines the process of populating the Layout Sections in the Global Layout or creating Conditional Layouts (Hint: you can close this with the X), and on the right hand side is an area, from where you can directly create new Layouts. WordPress Menu Settings. Obviously, this is the hard bit, where you need to know CSS, and how to. Watch this explainer video about creating a stylish flyout menu for your website #WebsiteBuilder #WordPress #wordpresswebsite #HowTo #resources . Here, you create your Off Canvas items, as well as configure how they work. If your theme is already sticking the header then you should not enable the sticky option in Max Mega Menu as it will create a conflict. 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. . Floating Social Buttons. General Update Information. In the Canary channel, Microsoft has started testing new controls for. Contribute to EvgeniyTurovets/completecar development by creating an account on GitHub. Mirror of tomlehrersongs. You can find free CSS Mobile Menus examples or alternatives to CSS Mobile Menus also. Important reading: How to use these examples. 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. The Avada WooCommerce Builder was initially released with Avada 7. Start selling with Avada. Go to the Shop menu items and click the blue Mega Menu button to the right. Avada has specific chapter inside the Global Options to help you customizeImportant Note: This print wrap a leaving method. News and Updates. If you are using the Avada “Mobile Navigation” location, and want to display the Avada Mobile Menu on mobiles, skip this step. It's about the theme main menu in the header. 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. The image on the right is showing the side-navigation template which comes with Avada. 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. With #Avada's Off-Canvas builder, you can create dynamic menus, sales CTA's, subscription forms & more. Contribute to NDmorsalin/avada-classic development by creating an account on GitHub. As far as I know, there is no option that gives the ability to display a submenu in the flyout menu in Avada. NonceVerification","\t\t\t\t\t\t\t\t$items . 28 Feb 2023 10:45:06Available in both Content and Page Title Bar Layout Sections. Find Avada Fitness in Victoria, with phone, website, address, opening hours and contact info. Step 2 – Once created, you’ll see your new widget area on the right side. Let’s have a quick look at the differences in. Step 3 – Click ‘Save’ to. x. Gallery Floating Social Buttons. Recreating the Demo Menu. The plugin takes less than a minute to setup, and includes the following options: Display cart icon, or only items/prices. Select options / Details. About this Theme. You can use the feature to create the stunning static. Documentation Everything you could possibly want to know about UberMenu – get instant answers. 2, and further updated with Avada 7. 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. Here, you. Firstly, the General Blog Options are located at Avada > Options > Blog > General Blog, from the WordPress dashboard. Use an action in a child theme’s functions. That means that, if a user is at “Home” we should highlight the “Home” item, and if a user is viewing “Article #1” the menu should highlight all its ancestors up to and including “Blog”. To install, login to WordPress then go to Plugins > Add New and search for “Max Mega Menu”. +1 250-343-2995. Step 3 – Set your desired global options for the language you’ve selected. The Mega Menu Builder Menus, not to be confused with the Legacy Mega. I'ill also take you through all the styling features and. 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. Trusted By 923,942 Website Owners. For more details on that, please see How To Upload And Use Custom Icons in Avada. NET Multi-platform App UI (. To align the flyout menu to the right hand edge of the parent menu item (and make sub menu’s flyout to the right), change the “Sub Menu Align” setting in the Mega Menu settings for the parent item. 2. . The Avada Mega Menu is a mobile-friendly, highly flexible expanded menu that can display multiple levels of navigation in a dropdown format. You can use these special items to add these specific features to your menu when using the Menu Element. Step 1 – Login to your WP-admin and go to the Avada Global Options panel. css I don't have any solution to overwrite default . With this tool, you can create a wide range of popups, sliding bars, and even flyout and push menus. We go about it the same way as we did with the Page Title Bar Layout Section. Base navigation pages, such as NavigationPage , TabbedPage, and FlyoutPage. We encourage you to take some time and navigate. Avada Live Preferences. 2. Watch this explainer video about creating a stylish flyout menu for your website #WebsiteBuilder #WordPress #wordpresswebsite #HowTo #resources . Add items as usual. The first one, General, is where you select the Submenu to display and make some basic configuration settings to do with functionality and alignment. Search for jobs related to Osc flyout menu or hire on the world's largest freelancing marketplace with 23m+ jobs. Then, select ‘Add submenu link. 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. Features Highlights. 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. In the popup that appears, type in the title or the URL of the page that you want to show in the dropdown menu. With over 659,649+ licenses sold on ThemeForest. fusion-main-menu > ul > li,. Part of PHP Collective. Step 3 – Now determine which Containers you’d like to target. Contribute to atomicbird/tomlehrersongs. I expected to see: underneath about page, there is few items, i. Choose the right Category and Subcategory for the product as you wish. Contribute to dune-omega/ptech-clone development by creating an account on GitHub. Step 2 – Set your preferred default options and behavior for 100% containers. 0. The menu item is an optional action that can. Dietary need? Let us. com development by creating an account on GitHub. Thanks for your time in any knowledgeable reply. IMPORTANT NOTE: By default, make sure. WooCommerce Builder. e. sub-menu { border-radius: 0 0 15px 15px; overflow: hidden;} Well, that worked and looks good. Avada Builder Library. Capture your visitors’ attention. To make a. e. In this series of videos, we are looking at how to use the Avada Builder Elements. 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. Check. Gallery Mega Menu Style Mega Menu Style. A menu flyout allows you to host a simple menu as the flyout for a control. New. ’. 1) Go to the options of your theme. With #Avada's Off-Canvas builder, you can create dynamic menus, sales CTA's, subscription forms & more. and apply float:right to that buttton. Mega-menus is stylish and can improve the user experience and make it easier for visitors to navigate a website. Backup Font Family – Illustrated as. 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. 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. The basic code is the same, just the directions of the submenus are different. Out of the Box it's not possible to use the side-navigation style in the main menu.