Tom Hemsley – Page 10 – Max Mega Menu

OnlineMag

Posted by Tom Hemsley on February 8, 2018

OnlineMag applies some of it’s own styling to the menu even when Max Mega Menu is enabled. This makes the main menu item links jump to the right when they are hovered over. To stop this from happening: Install the “TC Custom JavaScript” plugin Go to Appearance > Custom JavaScript…

Kahuna

Posted by Tom Hemsley on February 8, 2018

Remove Residual Styling When Max Mega Menu is enabled, Kahuna still applies some of it’s own styling to the mega menu and sub menus. To stop this happening, first copy the header.php file to your Child Theme. Find:

<nav id="access" role="navigation"  aria-label="<?php esc_attr_e( 'Primary Menu', 'kahuna' ) ?>" <?php cryout_schema_microdata( 'menu' ); ?>>

1	<nav id="access" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'kahuna' ) ?>" <?php cryout_schema_microdata( 'menu' ); ?>>

Replace with:

<nav id="access-mmm" role="navigation"  aria-label="<?php esc_attr_e( 'Primary Menu', 'kahuna' ) ?>" <?php cryout_schema_microdata( 'menu' ); ?>>

1	<nav id="access-mmm" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'kahuna' ) ?>" <?php cryout_schema_microdata( 'menu' ); ?>>

Next go to Appearance > Customize > Additional…

How to add a scrollbar to the mobile menu

Posted by Tom Hemsley on February 7, 2018

If your theme sticks your header on mobile and your mobile menu is taller than the height of the screen, you will find it’s impossible to scroll down to the bottom of the mobile menu. If your theme allows it, you could disable the sticky header on mobile which will…

Envo Business

Posted by Tom Hemsley on January 25, 2018

Position Menu on same line as logo When you enable Max Mega Menu for the main menu it will be displayed in a full width row below the logo. If you want the menu to be positioned on the same line as the logo, go to Mega Menu > Menu…

Relia

Posted by Tom Hemsley on January 10, 2018

Fix Mobile Menu To reveal the mobile menu on smaller screens, go to Appearance > Customize > Additional CSS and add the following:

.mega-menu-primary nav.main-nav .container {
    display: block !important;
}

.mega-menu-primary nav.main-nav .container {

display: block !important;

}

Betheme

Posted by Tom Hemsley on January 9, 2018

New Instructions (Betheme v27+) – Using the Header Builder Using the header builder is the most reliable way to integrate Max Mega Menu with BeTheme. First go to Templates > Add New and create a new Header template. You can choose a prebuilt header template or start with a blank…

Astra

Posted by Tom Hemsley on January 2, 2018

Fixing the mobile menu when using the Header Builder First, open the Customiser and navigate to the Header Builder. Switch to the mobile view and remove the Toggle Button block: Next, add the “Widget 1” block to the layout: Add the “Max Mega Menu” widget to the widget area: Choose…

Sprout & Spoon

Posted by Tom Hemsley on November 29, 2017

Fix Mobile Menu The mobile menu will be hidden by default. To make it visible, go to Appearance > Customize > Additional CSS and enter the following:

.mega-menu-main-menu #nav-wrapper {
	display: block;
}

.mega-menu-main-menu #nav-wrapper {

display: block;

}

Independent Publisher

Posted by Tom Hemsley on November 28, 2017

Remove Residual Styling Independent Publisher applies some of it’s own styling to elements within the menu. To stop this from happening, copy the header.php file to your Child Theme. Find:

<nav role="navigation" class="site-navigation main-navigation">

1	<nav role="navigation" class="site-navigation main-navigation">

Replace with:

<nav role="navigation">

1	<nav role="navigation">

Fashiro

Posted by Tom Hemsley on November 25, 2017

Unfortunately Max Mega Menu is not compatible with Fashiro, due to both Fashiro and Max Mega Menu making extensive use of the same CSS class (“.mega-menu”), leading to unresolvable conflicts.