Tom Hemsley – Page 8 – Max Mega Menu

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…

Stylic

Posted by Tom Hemsley on June 27, 2018

Remove Residual Styling Copy the header.php file to your Child Theme. Find:

<!-- Menu start -->
<div class="mob_nav header-list-item">
    <div id="cssmenu">
        <?php $stylic_defaults = array(
                'theme_location' => 'primary',
                'container' => 'ul',
                'items_wrap' => '<ul class="mobilemenu">%3$s</ul>',
            );
            wp_nav_menu($stylic_defaults); ?>
    </div>
</div>
<!-- Menu end -->

<?php $stylic_defaults = array(

'theme_location' => 'primary',

'container' => 'ul',

'items_wrap' => '<ul class="mobilemenu">%3$s</ul>',

);

wp_nav_menu($stylic_defaults); ?>

</div>

Replace with:

<!-- Menu start -->
<div class="nav">
    <!-- avoid JS error -->
    <div id='cssmenu' style='display: none;'><ul><li></li></ul></div>
    <!-- output the menu -->
    <?php wp_nav_menu(array('theme_location' => 'primary')); ?>
</div>
<!-- Menu end -->

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

</div>

Digital Law

Posted by Tom Hemsley on June 12, 2018

Digital Law 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. These issues include: not being able to use the mobile toggle block designer (as the theme purposefully applies it’s own styling to the mobile…