Fix Grid Layout Install the “TC Custom JavsScript” plugin, then go to Appearance > Custom JavaScript and enter the following:
|
1 2 3 4 |
jQuery(window).load(function() { jQuery('#attorna-main-menu').superfish('destroy'); jQuery('#attorna-main-menu').removeAttr('id'); }); |
Menu Theme Setup Go to Mega Menu > Menu Themes. Set the following: Menu Bar > Menu Height: 56px Mobile Menu > Toggle Bar Height: 56px Mobile Menu > Force Full Width: Enabled and Selector set to: .container .inner Fix Mobile Menu Copy the themes header.php file to your child theme….
Read moreAdd the following code to your themes functions.php page to disable the sticky menu on a specific page.
|
1 2 3 4 5 6 7 8 9 |
function megamenu_disable_sticky_on_page( $attributes, $menu_id, $menu_settings, $settings, $current_theme_location ) { if ( is_page('cart') || is_page('checkout') ) { $attributes['data-sticky-desktop'] = 'false'; $attributes['data-sticky-mobile'] = 'false'; } return $attributes; } add_filter("megamenu_wrap_attributes", "megamenu_disable_sticky_on_page", 10, 5); |
In the example above we are detecting the “cart” page. You may find WordPress core functions including is_page, is_front_page and is_single useful in detecting the correct page to disable the sticky…
Read moreFix Mobile Menu Copy the themes header.php file to your child theme. In the header.php file, find: <div class=”header_right”> <div class=”toggle”> <a class=”toggleMenu” href=”#”> <?php esc_html_e(‘Menu’,’petcare-lite’); ?> </a> </div><!– toggle –> <div class=”sitenav”> <?php wp_nav_menu( array(‘theme_location’ => ‘primary’) ); ?> </div><!–.sitenav –><div class=”clear”></div> </div><!–header_right–><div class=”clear”></div> Replace with: <div class=”header_right”> <div…
Read moreUsing Max Mega Menu Pro it is possible to make your menus stick to the top of the page as the user scrolls down. Making a menu sticky / fixed To make a menu stick to the top of the page when the user scrolls down, go to Mega Menu…
Read moreFix Mobile Menu By default the mobile menu will be displayed within a slide out panel, but opening the mobile sub menu will not work. To make it work we must hide the standard theme menu and reveal the Max Mega Menu mobile menu instead. Go to Mega Menu >…
Read moreFull Width Sub Menus By default the sub menus will only be as wide as the menu itself. To make the Mega Sub Menus span the full width of the page, go to Mega Menu > Menu Themes > Mega Menus and set: Panel Width (Outer): .header-inner Panel Width (Inner):…
Read moreDivi 4 includes a new header builder. The addition of the header builder allows us to perfectly integrate Max Mega Menu with Divi without the need for custom code or a child theme. Step 1 – Create the menu This step is the same for all themes. First we need…
Read moreIn this article we will go through the steps required to show WooCommerce categories within your menu. Step 1: Enable WooCommerce Categories Go to Appearance > Menus and expand the “Screen Options” section at the top right of the page. Enable “Product categories” and “Product tags”. Step 2: Menu Setup…
Read moreMax Mega Menu comes with a built in widget which allows you to display a single menu location within a widget area. Depending on your theme, you might have widget areas set up in the header, footer and sidebar areas. Using the following method we can add a Mega Menu to…
Read more