Sydney
Max Mega Menu works fairly well with Syndey without any edits, but there are some changes we can make to get it working perfectly.
Remove duplicate mobile toggle button
To remove the Sydney mobile menu toggle button, and show the Max Mega Menu mobile toggle bar by default:
Copy the themes header.php file to your child theme.
Find:
|
1 2 3 4 5 6 |
<div class="col-md-8 col-sm-4 col-xs-12"> <div class="btn-menu" aria-expanded="false" <?php echo wp_kses_post( apply_filters( 'sydney_nav_toggle_data_attrs', '' ) ); ?>><i class="sydney-svg-icon"><?php sydney_get_svg_icon( 'icon-menu', true ); ?></i></div> <nav id="mainnav" class="mainnav" role="navigation" <?php sydney_do_schema( 'nav' ); ?> <?php echo wp_kses_post( apply_filters( 'sydney_nav_data_attrs', '' ) ); ?>> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => 'sydney_menu_fallback' ) ); ?> </nav><!-- #site-navigation --> </div> |
Replace with:
|
1 2 3 4 5 |
<div class="col-md-8 col-sm-4 col-xs-12"> <nav role="navigation"> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> </nav><!-- #site-navigation --> </div> |
Important: Sydney Pro users will need to make the same edit to the following files:
- header-featured-image.php
- header-contact.php
- header-no-header.php
Hide theme logo
To remove the theme logo go to Appearance > Customize > Additional CSS and add the following:
|
1 2 3 |
header.site-header .col-md-4 { display: none; } |
Full width menu
To make the menu full width, go to Appearance > Customize > Header Area > Menu Layout and change Menu Container to “Centered”.
Recommended Menu Theme Settings
Go to Mega Menu > Menu Themes and select your active menu theme. Set the following values:
- Panel Width (Outer): .container
- Responsive Breakpoint: 1025px