Tom Hemsley – Page 8 – Max Mega Menu

Real Soccer

Posted by Tom Hemsley on November 20, 2018

Fix Sub Menus Install the “TC Custom JavaScript” plugin, then go to Appearance > Custom JavaScript and paste in the following:

jQuery(window).load(function() {
    jQuery('#gdlr-main-navigation').superfish('destroy');
});

jQuery(window).load(function() {

jQuery('#gdlr-main-navigation').superfish('destroy');

});

Improve Mobile Display Go to Appearance > Customize > Additional CSS and add the following:

@media only screen and (max-width: 767px) {
    .dl-trigger {
        display: none;
    }
    .gdlr-logo {
        max-width: none;
    }
    .gdlr-logo > a > img {
        max-width: 50px;
    }
    #gdlr-responsive-navigation {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {

.dl-trigger {

display: none;

}

.gdlr-logo {

max-width: none;

}

.gdlr-logo > a > img {

max-width: 50px;

}

#gdlr-responsive-navigation {

height: auto;

}

Education Mind

Posted by Tom Hemsley on October 15, 2018

Remove Residual Styling Install the “TC Custom JavaScript” plugin, then go to Appearance > Custom JavaScript and paste in the following:

jQuery(document).ready(function( $ ) {
	$(".mega-menu-wrap").parents(".main-navigation").removeClass("main-navigation");
});

jQuery(document).ready(function( $ ) {

$(".mega-menu-wrap").parents(".main-navigation").removeClass("main-navigation");

});

Theater (CMS Masters)

Posted by Tom Hemsley on September 4, 2018

Fix Mobile Menu Go to Appearance > Customize > Additional CSS and add the following:

.mega-menu-primary #header .header_mid .mid_nav_wrap nav {
  display: block !important;
}
.mega-menu-primary #header .header_mid .resp_mid_nav_wrap {
  display: none !important;
}

.mega-menu-primary #header .header_mid .mid_nav_wrap nav {

display: block !important;

}

.mega-menu-primary #header .header_mid .resp_mid_nav_wrap {

display: none !important;

}

Mega Shop applies its own customisations to Max Mega Menu. We do not have control over this and therefore do not support this theme, all support requests regarding setting up Max Mega Menu with Mega Shop should be sent to the theme authors.

Travel Log

Posted by Tom Hemsley on August 8, 2018

Remove Residual Styling Residual theme styling will cause elements in sub menus to appear and disappear. To fix this first create a Child Theme and activate it. In the Child Theme functions.php file, add the following:

function travel_log_main_menu() {
	?>
	<nav id="site-navigation" class="" role="navigation">
	<div class="wrap-menu-content">
		<?php wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); ?>
	</div>
	</nav>
	<?php
}

function travel_log_main_menu() {

<?php wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); ?>

</div>

</nav>

<?php

}

Important: This change involves editing a PHP file which can be dangerous. Test your…

Revive

Posted by Tom Hemsley on July 27, 2018

Fix Mobile Menu Links within the mobile menu will ‘jump’ when hovering over them, due to residual theme styling. To fix this copy the modules/header/top-bar.php file to your Child Theme (keeping the directory structure intact). Find:

<div id="top-menu">

1	<div id="top-menu">

Replace with:

<div id="top-menu-mmm">

1	<div id="top-menu-mmm">

Directory Starter

Posted by Tom Hemsley on July 26, 2018

Fix Mobile Menu The theme will start displaying its own mobile menu toggle on screen sizes below 992px. This theme toggle button is not compatible with Max Mega Menu, so we will remove it and display the default Max Mega Menu mobile menu instead. Step 1: Go to Mega Menu…

BizBuzz

Posted by Tom Hemsley on July 26, 2018

BizBuzz overrides the default styling of Max Mega Menu in such a way that makes it almost impossible to fix any issues that this may cause. These issues include: theme editor options not working, icons not displaying correctly. Any support questions should be directed to the theme developers.

Passage

Posted by Tom Hemsley on July 26, 2018

Passage overrides the default styling of Max Mega Menu in such a way that makes it almost impossible to fix any issues that this may cause. These issues include: borders/lines displaying above content within sub menus. Any support questions should be directed to the theme developers.

Courtyard

Posted by Tom Hemsley on July 25, 2018

Full Width Sub Menus To make the mega sub menus span the full width of the page, go to Mega Menu > Menu Themes > Mega Menus and set the following: Submenu Width (Outer): body Submenu Width (Inner): .container Fix Mobile Menu The theme will start displaying its own mobile…