Conica
Theme Setup
These instructions are intended to be used with the “Main Menu” menu location and the theme Standard Header Three layout (set under Appearance > Customize > Theme Settings > Header Layout).
Remove Residual Styling and Fix Mobile Menu
Copy the templates/header/header-three.php file to your child theme.
Find (near the bottom):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<nav id="site-navigation" class="main-navigation <?php echo ( get_theme_mod( 'conica-set-sticky-header' ) ) ? sanitize_html_class( 'stick-header' ) : ''; ?> <?php echo ( get_theme_mod( 'conica-set-navigation-style' ) ) ? sanitize_html_class( get_theme_mod( 'conica-set-navigation-style' ) ) : sanitize_html_class( 'conica-navigation-style-blocks' ); ?> conica-navigation-animation-none" role="navigation"> <div class="site-container"> <span class="header-menu-button"><i class="fa fa-bars"></i><span><?php echo esc_attr( get_theme_mod( 'conica-set-text-mobile-nav', __( 'MENU', 'conica' ) ) ); ?></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> <?php wp_nav_menu( array( 'theme_location' => 'conica-main-menu' ) ); ?> <div class="clearboth"></div> </div> </div> </nav> <!-- #site-navigation --> |
Replace with:
|
1 2 3 4 5 6 7 8 9 10 |
<nav id="site-navigation" class="<?php echo ( get_theme_mod( 'conica-set-sticky-header' ) ) ? sanitize_html_class( 'stick-header' ) : ''; ?> <?php echo ( get_theme_mod( 'conica-set-navigation-style' ) ) ? sanitize_html_class( get_theme_mod( 'conica-set-navigation-style' ) ) : sanitize_html_class( 'conica-navigation-style-blocks' ); ?> conica-navigation-animation-none" role="navigation"> <div class="site-container"> <div id="main-menu" class="main-menu-container"> <?php wp_nav_menu( array( 'theme_location' => 'conica-main-menu' ) ); ?> <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.