Support » Theme: Twenty Nineteen » Menu navigation

  • exedesign2

    (@exedesign2)


    How to move menu on top of site’s description line in twenty nineteen theme?

Viewing 1 replies (of 1 total)
  • Ben N

    (@bnewtoncouk)

    Navigate to your theme directory > template-parts > header in wp-content:

    twentynineteen/template-parts/header/

    Open a file called:

    site-branding.php

    Replace the entire contents of the file with the below (provided you have not made any other changes to this template file in the past):

    <?php
    /**
     * Displays header site branding
     *
     * @package WordPress
     * @subpackage Twenty_Nineteen
     * @since 1.0.0
     */
    ?>
    <div class="site-branding">
    
    	<?php if ( has_custom_logo() ) : ?>
    		<div class="site-logo"><?php the_custom_logo(); ?></div>
    	<?php endif; ?>
    	<?php $blog_info = get_bloginfo( 'name' ); ?>
    	<?php if ( ! empty( $blog_info ) ) : ?>
    		<?php if ( is_front_page() && is_home() ) : ?>
    			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    		<?php else : ?>
    			<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
    		<?php endif; ?>
    	<?php endif; ?>
    	
    	<?php if ( has_nav_menu( 'menu-1' ) ) : ?>
    		<nav id="site-navigation" class="main-navigation" aria-label="<?php esc_attr_e( 'Top Menu', 'twentynineteen' ); ?>">
    			<?php
    			wp_nav_menu(
    				array(
    					'theme_location' => 'menu-1',
    					'menu_class'     => 'main-menu',
    					'items_wrap'     => '<ul id="%1$s" class="%2$s">%3$s</ul>',
    				)
    			);
    			?>
    		</nav><!-- #site-navigation -->
    	<?php endif; ?>
    	<?php if ( has_nav_menu( 'social' ) ) : ?>
    		<nav class="social-navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'twentynineteen' ); ?>">
    			<?php
    			wp_nav_menu(
    				array(
    					'theme_location' => 'social',
    					'menu_class'     => 'social-links-menu',
    					'link_before'    => '<span class="screen-reader-text">',
    					'link_after'     => '</span>' . twentynineteen_get_icon_svg( 'link' ),
    					'depth'          => 1,
    				)
    			);
    			?>
    		</nav><!-- .social-navigation -->
    	<?php endif; ?>
    
    	<?php
    	$description = get_bloginfo( 'description', 'display' );
    	if ( $description || is_customize_preview() ) :
    		?>
    			<p class="site-description">
    				<?php echo $description; ?>
    			</p>
    	<?php endif; ?>
    </div><!-- .site-branding -->
    

    Save this file, upload. Done.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.