eCommerce by MyThemeShop
Removing Residual Styling
Header Type 1
Note: The following instructions are specifically for “Header Type 1” in the theme options.
Copy the “header-type/header-1.php” file to your child theme.
Find (line ~137):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div class="container clearfix"> <a href="#" id="pull" class="toggle-mobile-menu"><?php _e('Menu', MTS_THEME_TEXTDOMAIN ); ?></a> <nav class="navigation clearfix 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> |
Replace with:
|
1 2 3 4 5 6 7 8 9 |
<div class="container clearfix"> <?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> |
Header Type 6
Note: The following instructions are specifically for “Header Type 6” in the theme options:
Step 1 – Remove Residual Styling
Copy the “header-type/header-6.php” file to your child theme.
Find:
|
1 2 3 4 5 6 7 8 9 |
<nav class="navigation clearfix 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> |
Replace with:
|
1 2 3 4 5 6 7 |
<?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 } ?> |
Step 2 – Hide Duplicate Mobile Toggle Button
Go to Appearance > Customize > Additional CSS and enter the following:
|
1 2 3 |
.toggle-mobile-menu { display: none !important; } |