Dustland Express
Fix Mobile Menu and Remove Residual Styling
Copy the templates/header/header-layout-standard.php file to your Child Theme.
Find:
1 2 3 4 5 6 7 8 9 10 |
<nav id="site-navigation" class="main-navigation" role="navigation"> <span class="header-menu-button"><i class="fa fa-bars"></i><span><?php _e( 'Menu', 'dustland-express' ); ?></span></span> <div id="main-menu" class="main-menu-container"> <span class="main-menu-close"><i class="fa fa-angle-right"></i><i class="fa fa-angle-left"></i></span> <div class="site-container"> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> <div class="clearboth"></div> </div> </div> </nav><!-- #site-navigation --> |
Replace with:
1 2 3 4 5 6 7 8 |
<nav id="site-navigation" role="navigation"> <div id="main-menu" class="main-menu-container"> <div class="site-container"> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> <div class="clearboth"></div> </div> </div> </nav><!-- #site-navigation --> |
This edit removes the “main-navigation” class from the menu wrapper and removes redundant theme mobile toggle buttons.
Restore Menu Background Color
The last change will have removed the grey background color from the menu bar. To restore it, go to Appearance > Customize > Additional CSS and add the following:
1 2 3 |
#site-navigation { background: #414148; } |