In this guide we’ll go through some quick steps detailing how to add a WPML language selector to your mobile menu toggle bar. Step 1: Add a shortcode to display the WPML Language selector First we need to create a method to display the language selector. To do this we…
Read moreThe ability to open menu links in a new tab is part of the core WordPress menu functionality, but you need to know where to look to enable it. Step 1: Expand the Screen Options On your Appearance > Menus page, click the ‘Screen Options’ link in the top right corner. Step…
Read moreWhen Max Mega Menu is enabled in Envince, you will see a duplicate menu output above the main menu. From your WordPress Dashboard, go to Appearance > Editor, select primary.php (menu/primary.php) on the right hand side. Replace the contents of the file with the following:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<nav class="navbar navbar-default" <?php hybrid_attr( 'menu', 'primary' ); ?>> <div class="container"> <?php if (function_exists('max_mega_menu_is_enabled') && max_mega_menu_is_enabled('primary') ): ?> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> <?php else: ?> <div class="navbar-header"> <?php envince_select_mobile_nav_menu(); ?> </div> <?php wp_nav_menu(array( 'menu' => 'primary', 'theme_location' => 'primary', 'depth' => 4, 'container' => 'div', 'container_class' => 'collapse navbar-collapse navbar-ex1-collapse', 'menu_class' => 'nav navbar-nav main-nav', 'fallback_cb' => 'wp_bootstrap_navwalker::fallback', 'walker' => new wp_bootstrap_navwalker() )); ?> <?php endif;?> </div> </nav> |
Read more
From your WordPress Dashboard, go to Appearance > Editor. Select header.php on the right. Find:
|
1 2 3 4 |
<div class="btn-menu"></div> <nav id="mainnav" class="mainnav" role="navigation"> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => 'verysimplestart_menu_fallback' ) ); ?> </nav><!-- #site-navigation --> |
Replace with:
|
1 2 3 4 5 6 7 8 |
<?php if (function_exists('max_mega_menu_is_enabled') && max_mega_menu_is_enabled('primary') ) : ?> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> <?php else: ?> <div class="btn-menu"></div> <nav id="mainnav" class="mainnav" role="navigation"> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => 'verysimplestart_menu_fallback' ) ); ?> </nav><!-- #site-navigation --> <?php endif; ?> |
Read more
When Max Mega Menu is enabled in Mystique you will see 2 main menu bars and a duplicate mobile toggle button. Step 1. Remove duplicate menu bar and mobile toggle button Go to Appearance > Editor and select ‘core.php’ on the right. Note: changes to theme files should be made…
Read moreYou will see a duplicate Mobile Toggle button on smaller screens after enabling Max Mega Menu for the primary menu. To work around this issue, go to Mega Menu > Menu Themes and enable the ‘Disable Mobile Toggle’ option. Alternatively, if you would like to remove the theme mobile toggle…
Read moreSub menus within the Top Shop mobile menu will not work correctly when Max Mega Menu is enabled for the primary menu. The following change will disable the built in Top Shop mobile menu and display the standard Max Mega Menu instead. To avoid losing changes when the theme is…
Read moreStep 1 – Remove Residual Menu Styling In your Child Theme’s functions.php file, insert the following function:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
/** * Site branding * * @since WEN Business 1.0 */ function wen_business_site_branding() { ?> <div class="site-branding"> <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"> <?php if ( function_exists( 'the_custom_logo' ) && has_custom_logo() ) : ?> <?php the_custom_logo(); ?> <?php else : ?> <?php $site_logo = wen_business_get_option( 'site_logo' ); ?> <?php if ( ! empty( $site_logo ) ) : ?> <img src="<?php echo esc_url( $site_logo ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" /> <?php else : ?> <?php bloginfo( 'name' ); ?> <?php endif; ?> <?php endif; ?> </a></h1> <?php $show_tagline = wen_business_get_option( 'show_tagline' ); ?> <?php if ( 1 == $show_tagline ) : ?> <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2> <?php endif ?> </div><!-- .site-branding --> <?php wp_nav_menu( array( 'theme_location' => 'primary' , 'container' => 'nav' , 'container_class' => 'main-navigation' , ) ); ?> <?php } |
Important: Extra care must be taken when editing PHP files. Take a backup of the file first and make sure the code you paste is exactly the same as it is here….
Read moreThe following instructions will get Max Mega Menu working with Pluton. Step 1: Go to Mega Menu > Tools and import the following theme:
|
1 |
{"title":"Pluton","container_background_from":"rgba(255, 255, 255, 0)","container_background_to":"rgba(255, 255, 255, 0)","arrow_up":"dash-f343","arrow_down":"dash-f347","arrow_left":"dash-f341","arrow_right":"dash-f345","menu_item_background_hover_from":"rgba(255, 255, 255, 0)","menu_item_background_hover_to":"rgba(255, 255, 255, 0)","menu_item_link_height":"83px","menu_item_link_color":"rgb(51, 51, 51)","menu_item_link_color_hover":"rgb(19, 175, 240)","menu_item_highlight_current":"on","panel_background_from":"rgb(255, 255, 255)","panel_background_to":"rgb(255, 255, 255)","panel_width":"body","panel_inner_width":".container","panel_border_color":"rgb(19, 175, 240)","panel_border_top":"3px","panel_header_color":"rgb(51, 51, 51)","panel_header_font_size":"15px","panel_header_font_weight":"normal","panel_header_padding_bottom":"0px","panel_header_margin_bottom":"10px","panel_header_border_color":"rgba(0, 0, 0, 0.2)","panel_header_border_bottom":"1px","panel_font_size":"14px","panel_font_color":"rgb(51, 51, 51)","panel_font_family":"inherit","panel_second_level_font_color":"rgb(51, 51, 51)","panel_second_level_font_color_hover":"rgb(51, 51, 51)","panel_second_level_text_transform":"uppercase","panel_second_level_font":"inherit","panel_second_level_font_size":"15px","panel_second_level_font_weight":"normal","panel_second_level_font_weight_hover":"normal","panel_second_level_text_decoration":"none","panel_second_level_text_decoration_hover":"none","panel_second_level_margin_bottom":"10px","panel_second_level_border_color":"rgba(19, 175, 240, 0)","panel_second_level_border_left":"3px","panel_third_level_font_color":"#666","panel_third_level_font_color_hover":"#666","panel_third_level_font":"inherit","panel_third_level_font_size":"14px","flyout_menu_background_from":"rgb(255, 255, 255)","flyout_menu_background_to":"rgb(255, 255, 255)","flyout_border_color":"rgb(19, 175, 240)","flyout_border_top":"3px","flyout_menu_item_divider_color":"rgba(0, 0, 0, 0.1)","flyout_background_from":"rgba(255, 255, 255, 0)","flyout_background_to":"rgba(255, 255, 255, 0)","flyout_background_hover_from":"rgba(0, 0, 0, 0.03)","flyout_background_hover_to":"rgba(0, 0, 0, 0.03)","flyout_link_size":"14px","flyout_link_color":"#666","flyout_link_color_hover":"#666","flyout_link_family":"inherit","responsive_breakpoint":"959px","shadow":"on","shadow_vertical":"2px","transitions":"on","mobile_columns":"1","toggle_background_from":"rgba(255, 255, 255, 0)","toggle_background_to":"rgba(255, 255, 255, 0)","toggle_font_color":"rgb(51, 51, 51)","mobile_background_from":"rgb(225, 225, 225)","mobile_background_to":"rgb(225, 225, 225)","custom_css":"#{$wrap} #{$menu} {\r\n > li.search-toggle-li,\r\n > li.woo-menu-icon {\r\n display: inline-block;\r\n padding: 0 10px;\r\n }\r\n}\r\n\r\nheader #site-navigation-wrap {\r\n margin-top: -43px;\r\n}\r\n\r\n@include mobile {\r\n #site-logo {\r\n z-index: 99999;\r\n position: relative;\r\n }\r\n #{$wrap} #{$menu} > li.search-toggle-li,\r\n #{$wrap} #{$menu} > li.woo-menu-icon {\r\n display: none;\r\n }\r\n header #site-navigation-wrap {\r\n width: 100%;\r\n margin-top: -19px;\r\n right: 0;\r\n }\r\n header #pluton-mobile-menu-icon {\r\n display: none;\r\n }\r\n}"} |
Step 2: Under Appearance > Menus, set the following values in the Max Mega Menu settings: Event: Click Theme: Pluton That’s it! Enjoy using Max…
Read moreIf you can’t see the mobile menu then it will be due to residual styling. Please check to see if we already have an integration guide for your theme before using the following option. Here is a quick way to ensure your theme does not hide the mobile menu. It should work for…
Read more