Tom Hemsley – Page 25 – Max Mega Menu

RI Soul

Posted by Tom Hemsley on May 13, 2016

Use an FTP client to edit the following file: wp-content/themes/ri-soul/included/templates/menu.php Find:

<nav id="ri-menu-primary" class="collapse navbar-collapse ri-menu-primary container-inner">

1	<nav id="ri-menu-primary" class="collapse navbar-collapse ri-menu-primary container-inner">

Replace with:

<nav class="ri-menu-primary container-inner">

1	<nav class="ri-menu-primary container-inner">

JavaScript errors on your site can stop Max Mega Menu (and other plugins) from behaving correctly. Symptoms include: Front End Click Event not working Mobile Toggle not working Sticky Menu not working Back End Theme Editor tabs not working Save button not working Blue Mega Menu button not appearing Color…

Wootique

Posted by Tom Hemsley on May 10, 2016

Fix Hidden Submenus Go to Appearance > Customize > Additional CSS and enter the following:

body .header {
    overflow: visible;
}

body .header {

overflow: visible;

}

Change Animation Speed

Posted by Tom Hemsley on May 9, 2016

In v2.2 onwards it is possible to change the animation speed in the Mega Menu settings: There are 3 options: Fast (200ms – default) Medium (400ms) Slow (600ms) If you want to add more options you can add the following to your themes functions.php file:

function megamenu_add_speed_options($options, $selected) {
	$options["900"] = 'Very Slow';
	$options["100"] = 'Very Fast';

	return $options;
}
add_filter('megamenu_effect_speed', 'megamenu_add_speed_options', 10, 2);

function megamenu_add_speed_options($options, $selected) {

$options["900"] = 'Very Slow';

$options["100"] = 'Very Fast';

return $options;

}

add_filter('megamenu_effect_speed', 'megamenu_add_speed_options', 10, 2);

Clean Blog (Dessign)

Posted by Tom Hemsley on May 9, 2016

Displaying the mobile menu From 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:

@include mobile {
    .header_menu {
        display: block !important;
    }
}

@include mobile {

.header_menu {

display: block !important;

}

Set the Responsive Breakpoint setting to 767px.

Accordion Menu

Posted by Tom Hemsley on May 9, 2016

Demo Check out the menu on the left of this page to see a live demo of the Accordion menu. Creating an Accordion Menu Tip: If you are trying to add an accordion menu to a sidebar or page content, you can use the Widget or Shortcode method to add…

Roles & Restrictions

Posted by Tom Hemsley on May 6, 2016

Using the “Roles” tab in Max Mega Menu Pro it’s possible to show menu items only to specific user groups, or by logged in status. All registered user roles are selectable. To access this functionality go to Appearance > Menus. Hover over the menu item you’d like to hide and click the…

Mobile Toggle Blocks

Posted by Tom Hemsley on May 4, 2016

What is a ‘Mobile Toggle Block’? Mobile Toggle Blocks are displayed inside the toggle bar when the site is viewed on a mobile: How to add Mobile Toggle Blocks to your menu To configure the blocks displayed on your mobile toggle bar, go to Mega Menu > Menu Themes. Select…

Automatic Integration

Posted by Tom Hemsley on May 4, 2016

Automatic integration is the default method for enabling Max Mega Menu on an existing theme menu location. This method will automatically override your default theme menu and replace it with a Max Mega Menu menu. To use Automatic Integration go to Appearance > Menus. Select the menu you wish to convert into…

Shortcode

Posted by Tom Hemsley on May 4, 2016

It is possible to display a menu location using the shortcode. This allows easy insertion of menus into your posts and pages. Step 1: Registering a new menu location First we’ll need to create a new menu location specifically for use with the shortcode. Under Mega Menu > Menu Locations, create…