Tom Hemsley – Page 7 – Max Mega Menu

Agama

Posted by Tom Hemsley on April 15, 2019

Agama includes it’s own Mega Menu functionality which conflicts with Max Mega Menu. To fix this conflict: Install the “TC Custom JavaScript” plugin, then go to Appearance > Custom JavaScript and enter the following:

jQuery(window).load(function() { 
    jQuery('nav[role="navigation"] ul').superfish('destroy');    
    jQuery('nav[role="navigation"] ul.sticky-nav').superfish('destroy'); 
});

jQuery(window).load(function() {

jQuery('nav[role="navigation"] ul').superfish('destroy');

jQuery('nav[role="navigation"] ul.sticky-nav').superfish('destroy');

});

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

.mega-menu-agama-nav-primary .mobile-menu-icons {
    display: none;
}

.mega-menu-agama-nav-primary #site-navigation {
    display: block !important;
}

.mega-menu-agama-nav-primary .mobile-menu-icons {

display: none;

}

.mega-menu-agama-nav-primary #site-navigation {

display: block !important;

}

AccessPress Parallax

Posted by Tom Hemsley on April 2, 2019

General Theme Settings Go to Appearance > Theme Options > General Settings and uncheck the “Enable Single Page Nav(Menu)” option. Fix Residual Styling The theme applies “!important” styling to the font size and color of menu links, making it impossible for Max Mega Menu to apply the styling you’ve set in…

Sayona Lite

Posted by Tom Hemsley on March 22, 2019

Hide Duplicate Menu Go to Appearance > Customize > Additional CSS and add the following:

.mega-menu-main .mega-menu-wrap:last-of-type,
.mega-menu-main .mobile-menu-btn {
  display: none !important;
}

.mega-menu-main .mega-menu-wrap:last-of-type,

.mega-menu-main .mobile-menu-btn {

display: none !important;

}

Ronneby

Posted by Tom Hemsley on March 21, 2019

Step 1 Install and activate the child theme (dfd-ronneby_child.zip) which was provided in your theme download. Step 2 Within the child theme folder, create a new file named ‘functions.php’ and paste in the following:

<?php

if ( ! function_exists( 'mytheme_register_nav_menu' ) ) {

	function mytheme_register_nav_menu(){
			register_nav_menus(array(
				'primary_navigation' => esc_html__('Primary Navigation', 'dfd'),
				'top_left_navigation' => esc_html__('Top Left Navigation for header style 3 and 4', 'dfd'),
				'top_right_navigation' => esc_html__('Top Right Navigation for header style 3 and 4', 'dfd'),
				'additional_header_menu' => esc_html__('Additional header navigation', 'dfd'),
				'side_header_menu' => esc_html__('Side header style 11 navigation', 'dfd'),
				'side_area_menu' => esc_html__('Side area navigation', 'dfd'),
				'footer_menu' => esc_html__('Footer navigation', 'dfd'),
			));
	}
	add_action( 'after_setup_theme', 'mytheme_register_nav_menu', 0 );
}

?>

<?php

if ( ! function_exists( 'mytheme_register_nav_menu' ) ) {

function mytheme_register_nav_menu(){

register_nav_menus(array(

'primary_navigation' => esc_html__('Primary Navigation', 'dfd'),

'top_left_navigation' => esc_html__('Top Left Navigation for header style 3 and 4', 'dfd'),

'top_right_navigation' => esc_html__('Top Right Navigation for header style 3 and 4', 'dfd'),

'additional_header_menu' => esc_html__('Additional header navigation', 'dfd'),

'side_header_menu' => esc_html__('Side header style 11 navigation', 'dfd'),

'side_area_menu' => esc_html__('Side area navigation', 'dfd'),

'footer_menu' => esc_html__('Footer navigation', 'dfd'),

));

}

add_action( 'after_setup_theme', 'mytheme_register_nav_menu', 0 );

}

Step 3 Copy the templates/header/block-main_menu.php file to your child theme. Make sure you keep the…

Twenty Nineteen

Posted by Tom Hemsley on March 20, 2019

When Max Mega Menu is enabled in Twenty Nineteen, you might notice the following conflicts: Menu items are duplicated within sub menus Focusing on input boxes within sub menus immediately removes the focus To resolve these issues, add the following to your child themes functions.php file:

function remove_parent_filters(){ //Have to do it after theme setup, because child theme functions are loaded first
    remove_filter( 'wp_nav_menu', 'twentynineteen_add_ellipses_to_nav');
    remove_filter( 'wp_nav_menu_objects', 'twentynineteen_add_mobile_parent_nav_menu_items');
}
add_action( 'after_setup_theme', 'remove_parent_filters' );


function wpdocs_dequeue_script() {
     wp_dequeue_script('twentynineteen-touch-navigation');
}
add_action( 'wp_print_scripts', 'wpdocs_dequeue_script', 100 );

function remove_parent_filters(){ //Have to do it after theme setup, because child theme functions are loaded first

remove_filter( 'wp_nav_menu', 'twentynineteen_add_ellipses_to_nav');

remove_filter( 'wp_nav_menu_objects', 'twentynineteen_add_mobile_parent_nav_menu_items');

}

add_action( 'after_setup_theme', 'remove_parent_filters' );

function wpdocs_dequeue_script() {

wp_dequeue_script('twentynineteen-touch-navigation');

}

add_action( 'wp_print_scripts', 'wpdocs_dequeue_script', 100 );

Evolve Plus

Posted by Tom Hemsley on March 7, 2019

These instructions are for the paid version of Evolve. If you are using the free version, follow the Evolve instructions instead. Step 1 Go to Appearance > Theme Options > Header. Scroll down to “Choose Header Type”. You will see 6 header options. The first option is “header_v1”, the last…

How to apply hover styling to top level items on mobile

Posted by Tom Hemsley on December 10, 2018

Previous to v2.5.3, hover styles would be applied to the mobile menu using the following theme editor options. These options can be found under Mega Menu > Menu Themes > Mobile Menu: In v2.5.3 we made a change to remove the “:hover” styling from the top level items in mobile….

OceanWP

Posted by Tom Hemsley on December 4, 2018

Fix Mobile Menu Option 1: Use the built in theme mobile menu To display the standard theme mobile menu in the slide out panel, tag your main menu to the “Mobile (optional)” location, but do not enable Max Mega Menu for it: Option 2: Use the Max Mega Menu mobile…

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");

});