Hello,
You can change your template-functions.php
.
Open template-functions.php
file from /wp-content/themes/business-times/inc/
Step-1:
=> Copy this code,
<div class="site-branding">
<?php
if( function_exists( 'has_custom_logo' ) && has_custom_logo() ){
the_custom_logo();
}
?>
<div class="text-logo">
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php
$description = get_bloginfo( 'description', 'display' );
if ( esc_html( $description ) || is_customize_preview() ) { ?>
<p class="site-description"><?php echo esc_html( $description ); /* WPCS: xss ok. */ ?></p>
<?php } ?>
</div>
</div>
Step-2:
=> Copy above code and paste it above this code, <nav id="site-navigation" class="main-navigation">
like this,
<div class="site-branding">
<?php
if( function_exists( 'has_custom_logo' ) && has_custom_logo() ){
the_custom_logo();
}
?>
<div class="text-logo">
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php
$description = get_bloginfo( 'description', 'display' );
if ( esc_html( $description ) || is_customize_preview() ) { ?>
<p class="site-description"><?php echo esc_html( $description ); /* WPCS: xss ok. */ ?></p>
<?php } ?>
</div>
</div><!-- .site-branding -->
<nav id="site-navigation" class="main-navigation">
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?>
</nav><!-- #site-navigation -->
Step-3:
=> Now, put below CSS code into your stylesheet. See screenshot ,[https://prntscr.com/r6wf21]
header .header-top{display: none;}
header .site-branding .text-logo{display: none;}
header#masthead .site-branding{margin-right: 15px; display: inline-block; margin: 20px 15px 20px 0;}
header nav#site-navigation{display: inline-block; vertical-align: top; width: calc(100% - 350px);}
Thanks!