Magazine by MyThemeShop
Remove Residual Styling (and use the Max Mega Menu Mobile Menu)
Copy the header.php file to your Child Theme.
Find (~line 67):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<div id="sticky" class="primary-navigation" role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement"> <div class="container"> <a href="#" id="pull" class="toggle-mobile-menu">Menu</a> <nav id="navigation" class="clearfix<?php if ( $mts_options['mts_show_primary_nav'] == '1' ) echo ' mobile-menu-wrapper'; ?>"> <?php if ( has_nav_menu( 'primary-menu' ) ) { ?> <?php wp_nav_menu( array( 'theme_location' => 'primary-menu', 'menu_class' => 'menu clearfix', 'container' => '', 'walker' => new mts_menu_walker ) ); ?> <?php } else { ?> <ul class="menu clearfix"> <?php wp_list_pages('title_li='); ?> </ul> <?php } ?> </nav> </div> </div> <div id="catcher"></div> |
Replace with:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<div role="navigation" class="mega-primary-navigation" itemscope itemtype="http://schema.org/SiteNavigationElement"> <div class="container"> <?php if ( has_nav_menu( 'primary-menu' ) ) { ?> <?php wp_nav_menu( array( 'theme_location' => 'primary-menu', 'menu_class' => 'menu clearfix', 'container' => '', 'walker' => new mts_menu_walker ) ); ?> <?php } else { ?> <ul class="menu clearfix"> <?php wp_list_pages('title_li='); ?> </ul> <?php } ?> </div> </div> <div id="catcher"></div> |
Full width background color for menu bar
To restore the full width background color for the menu bar, go to Appearance > Customize > Additional CSS and paste in the following:
|
1 2 3 |
.mega-primary-navigation { background: black; } |
Sticky Menu
The edits to the header.php file above will disable the theme sticky header.
Go to Appearance > Menus and enable the Sticky option in the Max Mega Menu settings to make your menu sticky again.