Support » Theme: Modulus » Remove "Primary Menu" Box on Mobile

  • I would like to remove the black box that says “Primary Menu” right above the main menu on the mobile view. I’m a total newbie so please dumb it down.

    URL: LivetoPonder.com

    Thanks

Viewing 1 replies (of 1 total)
  • If you make a child theme, then copy the header.php file over.

    Edit the header file and look for <button> tag there is 2 spots for it.

    Or use this header.php, I’ve removed that from my site that’s only modification to file.

    Make sure to create a child theme so it won’t be overwrote from theme updates

    <?php
    /**
     * The header for our theme.
     *
     * Displays all of the <head> section and everything up till <div id="content">
     *
     * @package modulus
     */
    ?><!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    <?php wp_head(); ?>
    </head>
    
    <body <?php body_class(); ?>>
    <div id="page" class="hfeed site">
    	<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'modulus' ); ?></a>
    	<?php do_action('modulus_before_header'); ?>
    <header id="masthead" class="site-header" role="banner">
    		<?php if( is_active_sidebar( 'top-left' )  || is_active_sidebar( 'top-right' ) ): ?>
    		<div class="top-nav">
    			<div class="container">
    					<div class="eight columns">
    						<div class="cart-left">
    							<?php dynamic_sidebar('top-left' ); ?>
    						</div>
    					</div>
    
    					<div class="eight columns">
    						<div class="cart-right">
    							<?php dynamic_sidebar('top-right' ); ?>
    						</div>
    					</div>
    
    			</div>
    		</div> <!-- .top-nav -->
    		<?php endif;?>
    
    		<div class="branding">
    			<div class="container">
    				<div class="eight columns">
    					<div class="site-branding">
    						<?php
    							$logo_title = get_theme_mod( 'logo_title' );
    							$logo = get_theme_mod( 'logo', '' );
    							$tagline = get_theme_mod( 'tagline',true);
    							if( $logo_title && $logo != '' ) : ?>
    								<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><img src="<?php echo esc_url($logo) ?>"></a></h1>
    						<?php else : ?>
    								<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    						<?php endif; ?>
    						<?php if( $tagline ) : ?>
    								<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    						<?php endif; ?>
    					</div><!-- .site-branding -->
    				</div>
    				<?php if( is_active_sidebar('header-right' ) ) : ?>
    					<div class="eight columns">
    						<div class="top-right">
    							<?php dynamic_sidebar( 'header-right' ); ?>
    						</div>
    					</div>
    				<?php endif;?>
    			</div>
    		</div>
    		<div class="nav-wrap">
    			<div class="container">
    	  <?php if ( get_theme_mod ('header_search',true) ){  ?>
    				<div class="twelve columns">
    					<nav id="site-navigation" class="main-navigation clearfix" role="navigation">
    						<?php wp_nav_menu( array( 'theme_location' => 'primary', ) ); ?>
    					</nav><!-- #site-navigation -->
    				</div>
    				<div class="four columns">
    					<?php get_search_form(); ?>
    				</div>
    <?php } else { ?>
    <div class="sixteen columns">
    		<nav id="site-navigation" class="main-navigation clearfix" role="navigation">
    			<?php wp_nav_menu( array( 'theme_location' => 'primary', ) ); ?>
    		</nav><!-- #site-navigation -->
    </div>
    <?php } ?>
    			</div>
    		</div>
    
    </header><!-- #masthead --> 
    
    	<?php if ( function_exists( 'is_woocommerce' ) || function_exists( 'is_cart' ) || function_exists( 'is_chechout' ) ) :
    	 if ( is_woocommerce() || is_cart() || is_checkout() ) { ?>
    	   <?php $breadcrumb = get_theme_mod( 'breadcrumb',true ); ?>
    		   <div class="breadcrumb">
    				<div class="container">
    					<div class="breadcrumb-left eight columns">
    						<h4><?php woocommerce_page_title(); ?></h4>
    					</div>
    					<?php if( $breadcrumb ) : ?>
    						<div class="breadcrumb-right eight columns">
    							<?php woocommerce_breadcrumb(); ?>
    						</div>
    					<?php endif; ?>
    				</div>
    			</div>
    	<?php }
    	endif; ?>
Viewing 1 replies (of 1 total)
  • The topic ‘Remove "Primary Menu" Box on Mobile’ is closed to new replies.