Google Fonts

Using Google Fonts A list of all available Google Fonts will be automatically added to the Theme Editor upon installation of Max Mega Menu Pro. Dequeueing Styles Max Mega Menu will automatically include the required Google Font CSS on your site. If your theme already includes the Google Font(s) you’re…

Hide Mobile Menu

How to hide the mobile menu To completely hide the menu on mobile devices, go to Mega Menu > Menu Themes > Custom Styling and add the following on a new line:

Important: The “Responsive Breakpoint” setting in the menu theme must be set to the browser width at which you…

Custom Icons

Adding a Custom Icon to a menu item To add a custom icon to a menu item, open the Mega Menu settings for the menu item and click the ‘Icon’ tab. You will see a list of available icon types listed across the top of the page. Select ‘Custom Icon’…

Custom Item Styling

Styling individual Menu Items The ability to apply custom styling to individual menu items is one of the most powerful features of Max Mega Menu Pro. With Custom Item Styling you can: Set sub menu widths individually Add background images to sub menus Make standard menu items look like buttons…

Menu Item Badges

Menu item badges are ideal for bringing attention to an individual menu item. As they accept shortcodes, we can also use badges to display dynamic content such as basket totals and notification counts. Adding a badge to a menu item To add a badge to a menu item, go to…

Genericons

To add a Genericon icon to a menu item, open the Mega Menu settings for the menu item and click the ‘Menu Icon’ tab. You will see a list of available icon types listed across the top of the page. Select ‘Genericon’ select the icon you would like to use….

Font Awesome

Max Mega Menu has built in support for Font Awesome 6. It also includes compatibility for Font Awesome Pro when using the official Font Awesome plugin. To add a Font Awesome icon to a menu item, open the Mega Menu settings for the menu item and click the ‘Icon’ tab….

Menu Styling

Under Mega Menu > Menu Themes you’ll find a theme editor which allows you to edit the appearance of your menus. Max Mega Menu has one built in theme (Default) but you can create your own themes. The Theme Editor will let you modify all aspects of the Menu styling, including the font, color and size (height)…

Installation

Max Mega Menu is a free plugin for WordPress. To install, login to WordPress then go to Plugins > Add New and search for “Max Mega Menu”. After installation you will see the following changes made to your WordPress Dashboard: Dashboard > Appearance > Menus (menu management) There will be a…

JavaScript API

jQuery events are fired each time a flyout or mega menu is open and closed. The events are “open_panel” and “close_panel”. You can also manipulate the menu (open and close sub menus) using JavaScript. Important reading: How to use these examples To use these examples, install the “TC Custom JavaScript”…