Max mega menu theme integration android. Under Appearance > Editor, select ‘functions.
|
Max mega menu theme integration android To use the Max Mega Menu mobile menu, go to Appearance > Customize > Header > Mobile Menu and apply the following settings: Then go to Instructions for integrating Max Mega Menu with the SuperMag Pro WordPress Theme. menu-bar { border-top: 0; border-bottom: 0; } When Max Mega Menu is enabled for the primary menu location you will see a duplicate Mobile Toggle button on smaller screens. Go to Mega Menu > Menu Themes > Mobile Menu and set the “Responsive Breakpoint” to 767. Instructions for integrating Max Mega Menu with the Onetone WordPress Theme. Set whether the menu opens on Click, Hover or Hover Intent. Within the Mega Menus tab, set: Panel Width (Outer): body. ; Go to Mega Menu > Menu Themes > Mobile Menu and enable “Disable Mobile Toggle Bar”. php (menu/primary. Therefore we do not support this theme. Note: changes to theme files should be made in a Child Theme. Usually it is placed within the header. 3. You can repeat the same steps to create and display multiple Mega Menus In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the ‘Custom Styling’ area on a new line: . Instructions for integrating Max Mega Menu with the Entrance WordPress Theme. Install and activate the Max Mega Menu plugin; Now go to Appearance – Menus and enable the Mega Menu for your menu area (use “Theme” Futurio) Max Mega Menu Integration Install Max Mega Menu plugin. To fix the mobile menu for “Header” location, go to Appearance > Customize > Additional CSS and enter the following:: Instructions for integrating Max Mega Menu with the Bootstrap Basic WordPress Theme. Scroll down to Custom Fonts and enter the name of each custom font onto a new line: Once you have entered the custom fonts you’d like to use, go to the Theme Editor (Mega Menu > Menu Themes) and edit your menu theme. Remove duplicate mobile toggle button. navbar-toggle { display: none; } . php file, Find: Replace with… Under Appearance > Editor, select ‘header. View our Privacy Policy. Full Width Sub Menus To make the sub menus span the width of the page, go to Mega Menu > Menu Themes > Mega Menus and set the Panel Width (Outer) to: #site-header-inner Max Mega Menu works fairly well with Syndey without any edits, but there are some changes we can make to get it working perfectly. SuperMag Pro. Follow these instructions to add a menu location and display a menu using the Max Mega Menu Widget. In the child theme header. block-type-navigation { overflow: visible; } From your WordPress Dashboard, go to Mega Menu > Menu Themes. Instructions for integrating Max Mega Menu with the RI Soul WordPress Theme. com: To collapse a sub menu within a mega menu, go to Appearance > Menus and open the mega menu settings for the parent item. The following CSS will hide the native Divi Mobile Menu and properly display the Max Mega Menu mobile menu. Go to Appearance > Menus and enable the Sticky option in the Max Mega Menu settings to make your menu sticky again. Step 1 – Create the menu. Go to Customize -> Plugin Support and enable the “Mega Menu” option. Displaying a custom mega menu using the Enfold Layout Easy to use WordPress mega menu plugin. To restore the full width background on the menu, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the Custom Styling section: To match the Mega Menu theme with Shopkeeper, go to Mega Menu > Menu Themes and set the following: Menu Bar > Menu Background: transparent Menu Bar > Menu Item Background: transparent Menu Bar > Menu Height: 46px. php file, Find (~line 74): Instructions for integrating Max Mega Menu with the Spacious WordPress Theme. Remove duplicate menu bar and mobile toggle button. Max Mega Menu will automatically convert your existing menu or menus into a mega menu. In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the ‘Custom Styling’ area on a new line: Instructions for integrating Max Mega Menu with the Goliath WordPress Theme. navbar-collapse { padding: 0 !important; border: 0; } The following instructions were written based on a clean installation of the Industrial theme and a clean installation of Max Mega Menu. Find: Go to Appearance > Customize > Theme Options > Styling Settings and insert the following into… Step 1 -Mobile Menu. com Jan 23, 2019 ยท Futurio theme supports free Max Mega Menu plugin. From your WordPress Dashboard, go to Mega Menu > Menu Themes Applying a theme to a menu. By default any mega sub menus will only be as wide as the menu itself. To display the standard theme mobile menu in the slide out panel, tag your main menu to the “Mobile (optional)” location, but do not enable Max Mega Menu for it: Option 2: Use the Max Mega Menu mobile menu. Free and Premium versions available. js . site-header . 2. container. Take a backup of the file first and make sure the code you paste is exactly the same as it is here. © 2025 Presseli Ltd. Instructions for integrating Max Mega Menu with the Bliss WordPress Theme. From your WordPress Dashboard, go to Appearance > Editor and select header. Translating the mobile toggle block text. 7+. You can replace this using the Max Mega Menu search option. minification/caching plugins, CDNs, server caches etc) Updates not working? Troubleshooting; Looking for an invoice? If you have an active Max Mega Menu Pro licence please Go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the Custom Styling area (on a new line): PHP . 1. From your WordPress Dashboard, go to Jupiter > Theme Options > Advanced > Custom JS and enter the following: Divi 4 includes a new header builder. The last change will have effectively disabled some CSS which the theme uses to position the menu. Choose the menu theme to apply to the selected menu location. Next, go to Mega Menu > Menu Themes > Custom Styling and add the following: Instructions for integrating Max Mega Menu with the Yamen WordPress Theme. By default the flyout menu will be aligned to the left hand edge of the parent item. header_menu { display: block !important; } } To display the menu simply paste the shortcode from Step 1 into any post or page. Fix Mobile Menu Go to Appearance > Editor and select header. It will stop the blue ‘Mega Menu’ button from appearing when hovering over menu items and make it impossible to save the menu settings. Head back to Mega Menu > Menu Locations and expand the new menu location. When Max Mega Menu is enabled in Mystique you will see 2 main menu bars and a duplicate mobile toggle button. You can then add any WordPress widget to your menu, restyle your menu using the theme editor and change the menu behaviour using the built in settings. Instructions for integrating Max Mega Menu with the Native Church WordPress Theme. Sticky Menu. Using the Theme Editor. Mobile Menu. From your WordPress Dashboard, go to Appearance > Editor , select primary. Use an FTP client to edit the class-mega-menu. All we need to do now is output the menu in our theme template files. Use the Max Mega Menu block to display the menu location created in Step 1: Max Mega Menu block (Edit mode) Like any other Max Mega Menu enabled menu, you are free to restyle the menu using the Theme Editor and use all of the usual mega menu options to customize the menu. Add the following function on a new line above “?>”: Enable Max Mega Menu for the Main Menu location (but not the ‘Main Menu – Mobile’ Location – we will let the theme manage the mobile menu). In your WordPress Dashboard, go to Mega Menu > Menu Themes. Step 2: Insert the following into the ‘Custom Styling’ area on a new line: Under Mega Menu > Menu Themes, it’s possible to enable “Hover Transitions” for menu items, making the menu item background and font color transition when a link is moused over. These issues include: Settings in the theme editor not working and sub menus not displaying correctly when the sub menu type is set to “Mega Menu”. Set the Responsive Breakpoint to 991px. Sticky Menu Height. The author of Vogue has added in support for Max Mega Menu directly into the theme options. The Twenty Twelve Example See full list on megamenu. When you enable Max Mega Menu for the Primary Menu, it will not work because the theme’s call to wp_nav_menu does not specify the “theme_location” parameter. Getting Started. S elect your active menu theme and insert the following into the ‘Custom Styling’ area on a new line: . Advanced Tab Click Event Behaviour Sub menus within the Top Shop mobile menu will not work correctly when Max Mega Menu is enabled for the primary menu. php on the right. As the text for the mobile toggle block is defined in the menu theme, it will appear the same for all of your languages. Apicona overrides the default styling of Max Mega Menu in such a way that makes it almost impossible to fix the problems that this has caused. The sample theme has the bare minimum code required for Max Mega Menu to work correctly. Theme. You will need to recreate the logo using the Menu Logo functionality in Max Mega Menu Pro. Find: WooCommerce has stopped selling the Canvas theme. Update both Max Mega Menu (free) and Max Mega Menu Pro to the latest versions; Go to Mega Menu > Tools and Clear the CSS Cache; Clear any site caches you have enabled (e. Resolution To remove the duplicate mobile toggle button, go to Appearance > Customize > Additional CSS and enter the following: Flyout Menu Alignment. These steps are optional. Instructions for integrating Max Mega Menu with the eCommerce WordPress Theme. php’ on the right. Privacy Policy. Under Appearance > Editor, select ‘functions. The StoreFront integration plugin will fix the square icons seen before each menu item, and add a new “StoreFront” menu theme which is pre-styled to replicate the StoreFront theme styling. collapse { display: block; } In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the ‘Custom Styling’ area on a new line: CSS . “OptimizePress was designed as a platform to create individual conversion pages for your business which are not forced to have a global header or settings which make all pages on your site look the same. The Divi mobile menu is coupled with the Divi desktop menu, therefore it is not possible to keep the Divi Mobile Menu if the desktop menu is replaced with Max Mega Menu. In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the ‘Custom Styling’ area on a new line: CSS . 9588153. Step 2 – Remove duplicate mobile menu button Full Width Mega Sub Menus. You can repeat the same steps to create and display multiple Mega Menus on your site. The menu location is registered in functions. To apply your new theme to a menu, you will need to go back to Appearance > Menus, and select your new theme from the ‘Theme’ dropdown in the Mega Menu Settings. Set the dropdown menu effect on desktop. This method will automatically override your default theme menu and replace it with a Max Mega Menu menu. Features; Theme Integration Guides. How to adjust the transition speed. To remove the gap, go to Customize > Miscellaneous > Custom Code > Custom CSS and paste in the following: When Max Mega Menu is enabled in Envince, you will see a duplicate menu output above the main menu. Step 2. Important: Extra care must be taken when editing PHP files. Integration can be completed using the max_mega_menu_is_enabled function. Fix Mobile Menu. To make the mega sub menus span the entire width of the page, go to Mega Menu > Menu Themes and set the Panel Width (Outer) to:. To fix this problem, add the Manual Integration (PHP) As Max Mega Menu overrides the standard WordPress function to output a menu location, no special configuration or theme setup Shortcode It is possible to display a menu location using the shortcode. If you are using the BeTheme sticky header option and need to reduce the Step 2: Under Appearance > Menus, set the following values in the Max Mega Menu settings: Event: Click Theme: Pluton. The addition of the header builder allows us to perfectly integrate Max Mega Menu with Divi without the need for custom code or a child theme. php) on the right hand side. Mobile menu disappears when clicked. Within the Header section of the Elementor site settings, change the Menu > Breakpoint option to “None” and save: Next go to Mega Menu > Menu Themes > Mobile Menu. We recommend you choose a different theme. Replace the contents of the Custom Styling section with Instructions for integrating Max Mega Menu with the Face Art WordPress Theme. The slide out mobile menu starts appearing at 768px. Including Max Mega Menu in your theme. You will see a double toggle button on mobile. Requires Max Mega Menu v2. Chester (YooThemes) MENU MENU. Go to Mega Menu > Menu Themes and enter the following into the Custom Styling area… Instructions for integrating Max Mega Menu with the Tempera WordPress Theme. Grus displays it’s mobile menu in a slide out container. An example of collapsed sub menus within a mega menu can be found in the demo menu on the homepage of megamenu. Step 3: Go to Mega Menu > Menu Themes, select your current menu theme and enter the following in the Custom Styling area: Check this option to enable Max Mega Menu on the selected location. This step will explain how to restore the default Max Mega Menu mobile menu and fix some residual styling which is present within the mobile menu. Step 1: Set the Responsive Breakpoint to 768px. container. Under Appearance > Widgets, drag the Max Mega Menu widget (not the Navigation Menu widget) to a sidebar and select the new menu location. Go to Customize -> Vogue Theme Settings > Header and disable the “Sticky Menu” option. To hide the duplicate mobile toggle button, and display the mobile menu at the correct width: Go to Mega Menu > Menu Themes and set the Responsive Breakpoint to 768px. The theme applies “!important” styling to the font size and color of menu links, making it impossible for Max Mega Menu to apply the styling you’ve set in the menu theme editor to the menu. In this situation your theme will continue to output it’s own mobile toggle button even though it is not needed (because Max Mega Menu includes it’s own mobile toggle button). The following change will disable the built in Top Shop mobile menu and display the standard Max Mega Menu instead. Step 3: Add the Max Mega Menu widget to a sidebar. Check the articles in this category to see if we’ve already written an integration guide for your theme. . MENU MENU. Constructo is a particularly difficult theme to integrate Max Mega Menu with. Find: Instructions for integrating Max Mega Menu with the Chester WordPress Theme. Adding Support for Max Mega Menu alongside your default theme menu. Event. Themify Ultra includes Mega Menu functionality which conflicts with Max Mega Menu. When Max Mega Menu is enabled you’ll notice the mobile menu behaves erratically in Edu Pro due to Residual Styling. Go to Mega Menu > Menu Themes and paste the following into the Custom Styling area: From your WordPress Dashboard, go to Mega Menu > Menu Themes > Mobile Menu, select your active menu theme and:. Under Appearance > Theme Settings > Navigation, uncheck ‘Search in menu’. First we need to create a new menu, tag it the Primary Menu location and enable Max Mega Menu. content. The mobile/handheld menu. navbar-collapse. js #resurrect-header-menu-inner, . header . column. End Result. To hide the default ListingPro mobile menu, and show the Max Mega Menu mobile menu instead, go to Mega Menu > Menu Themes > Mobile Menu and set the Responsive Breakpoint to 980px. Find: Automatic integration is the default method for enabling Max Mega Menu on an existing theme menu location. Find: Fix Mobile Menu. php file to your child theme. This site uses cookies. php and output in index. nav-toggle { display: none !important; } #navigation { display: block !important; } Instructions for integrating Max Mega Menu with the Colormag WordPress Theme. Select the menu you wish to convert into a Mega Menu and check the “Enable To make the mega sub menus span the entire width of the page (rather than just the width of the menu bar), go to Mega Menu > Menu Themes and select your active menu theme. If your theme is not listed check our Removing Residual Styling page. The theme editor is split into 6 different tabs: Instructions for integrating Max Mega Menu with the "X" WordPress Theme. This will cause a gap to display below the menu. Instructions for integrating Max Mega Menu with the Mantra WordPress Theme. To add a custom font to the Theme Editor, go to Mega Menu > General Settings. Panel Width (Inner): . To reduce the height of the menu items when the theme header becomes sticky, go to Mega Menu > Menu If you want to display the Max Mega Menu toggle bar on a new row below your site logo, use the following steps. At the bottom of the General Settings tab, enable ‘Collapse sub menu’. Remove search icon. To remove the Sydney mobile menu toggle button, and show the Max Mega Menu mobile toggle bar by default: Copy the themes header. In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the ‘Custom Styling’ area on a new line: #mainnav-toggle, #mainnav-icon { display: none !important; } From your WordPress dashboard, go to Globe > Custom Style and insert the following: This guide will completely replace the header section (including your logo) with Max Mega Menu. Under Enfold > Main Menu, uncheck “Append search icon to main menu”. Max Mega Menu will automatically convert your existing menu or menus into a mega menu or custom design menu. 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. collapse { display: block; visibility: visible; } nav . The same menu theme will be used across both languages. It requires editing theme PHP files which cannot be placed within a child theme, therefore, these changes will need to be reapplied if the theme gets updated. Ensure the “Disable Mobile Toggle Bar” option is unchecked You should now see the default Max Mega Menu mobile menu on smaller screens. To use Automatic Integration go to Appearance > Menus. block. Sample Custom Theme. Go to Appearance > Editor and select ‘core. Unless your theme has specific integration for Max Mega Menu, your theme will be completely unaware that you have replaced the existing theme menu with Max Mega Menu. Instructions for integrating Max Mega Menu with the Nirvana WordPress Theme. To make sub menus span the full width of the page, go to Mega Menu > Menu Themes > Mega Menus and set the Panel Width (Outer) to: Make sure your theme follows WordPress coding standards (and correctly includes wp_head and wp_footer). php file above will disable the theme sticky header. navbar-header { display: none; } nav . Use the TGMPA library to include Max Mega Menu with your theme. To avoid losing changes when the theme is updated, all edits should be made inside a child theme. Copy the parent theme header. Download Sample Theme. php file. container In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the ‘Custom Styling’ area on a new line: @media only screen and (max-width: 640px) { . Reduce Height of Sticky Menu. Max Mega Menu will automatically convert your existing menu into a mega menu. On mobile the StoreFront menu will also be removed and replaced with the Max Mega Menu mobile menu. Go to Mega Menu > Menu Themes and enter the following into the Custom Styling area: Instructions for integrating Max Mega Menu with the Chosen WordPress Theme. Create horizontal, vertical and accordion mega menus in a few simple steps. Within the Mega Menus tab, set the Panel Width (Outer) to:. Fix Residual Styling. Inside we will find the PHP code to use to output the menu location: You can paste this code anywhere into your theme template files. Under Mega Menu > Menu Themes , apply the following settings (these are the important settings, others can be adjusted to your own requirements). This allows easy insertion of menus into your posts Block Max Mega Menu comes with a built in block. header-right-wrap { margin-top: 50px; } } From your WordPress Dashboard, go to Mega Menu > Menu Themes and select your active menu theme. S elect your active menu theme and insert the following into the ‘Custom Styling’ area on a new line: @include mobile { . Go to Appearance > Customize > Additional CSS and enter the following… General Theme Settings. php. Some themes require custom edits to allow Max Mega Menu to function correctly. The edits to the header. To increase the gap between the logo and the menu, go to Theme Options > Custom CSS and paste in the following: @media screen and (max-width: 1100px) { . To make the mega sub menus span the entire width of the page (rather than just the width of the menu bar), go to Mega Menu > Menu Themes and select your active menu theme. Go to Mega Menu > Menu Themes > Mobile Menu and set the following: Disable Mobile Toggle: unchecked Responsive Breakpoint: 767px. Instructions for integrating Max Mega Menu with the Sensitive WordPress Theme. Bootstrap Basic. This step requires editing a PHP file. ast-container “Ghost” Menu Add the following custom CSS to your theme… From your WordPress Dashboard, go to Appearance > Editor and select ‘header. Effect. In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the ‘Custom Styling’ area on a new line: Replace the “Menu 1” block with an HTML block and paste in the menu shortcode: Full Width Sub Menus. Go to Mega Menu > Menu Themes and select your active menu theme. Set the “Panel Width” setting to: . Max Mega Menu is enabled for both menus. After the plugin activation, go to Mega Menu -> Tools and copy&paste the following code to “Import Theme” field; Max Mega Menu will automatically convert your existing menu or menus into a mega menu. When Max Mega Menu is enabled in the Hueman theme, residual styling will stop the mobile menu from functioning correctly. Go to Mega Menu > Menu Themes > Custom Styling and add the Instructions for integrating Max Mega Menu with the Cerise WordPress Theme. Instructions for integrating Max Mega Menu with the Lava WordPress Theme. Go to Mega Menu > Menu Themes > Mobile Menu and set the “Disable Mobile Menu Toggle” option to Enabled. The menu will now be displayed in your sidebar. Max Mega Menu is not suitable for integration with OptimizePress. Like any other Max Mega Menu enabled menu, you are free to restyle the menu using the Theme Editor and use all of the usual mega menu options to customize the menu. g. To synchronise this with the Max Mega Menu mobile menu, go to Mega Menu > Menu Themes and set the Responsive Breakpoint to 768px. That’s it! Enjoy using Max Mega Menu with Pluton. | Registered in England and Wales No. Step 1. header_menu { display: block !important; } Go to Appearance > Customize > Header >Navigation Menus and make sure “MAIN MENU DESIGN” is set to “Regular (Horizontal)”. 98px. Go to Appearance > Theme Options > General Settings and uncheck the “Enable Single Page Nav(Menu)” option. php’ on the right and insert the following: In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the ‘Custom Styling’ area on a new line: CSS nav . Insert the following into the ‘Custom Styling’ area on a new line: To replicate the default menu style, set the following values in your menu theme (under Mega Menu > Menu Themes) Top Level Menu Items > Menu Items Align: Center Mega Menus > Panel Width (outer): . php file in your theme directory. Instructions for integrating Max Mega Menu with the West WordPress Theme. sf-menu { visibility: visible !important; height: auto !important; overflow: visible !important; } } To fix this we can hide the Elementor mobile toggle icon and display the Max Mega Menu toggle bar instead. If you wish to modify the styling of the menu you can do so under Mega Menu > Menu Themes. This step is the same for all themes. Effect (Mobile) Set the menu opening effect on mobile. yrx vdmhsu yxnmakp fduvk rgmdr uvohb wlrocep jxvntx gcek khfnb ziv lofdhnm kvixpp umun rdveo