Move Logo on the left, Title and Tag Line on the rigth

Hi Guys,
as you can see I already canghe the header.php file with one of the logo+Title & Tag Line solutions (without a Child theme at the moment).

At the moment I am frustrated because I would like to have logo on the left (a little bigger possibly) and to the right of the logo Title and Tagline/motto and Menù as usual.

How can I do?
Can you give me a hand?

Thanks so much!


Hi Dario,

Can you tell me more detail what would you want to achieve? The logo is on the left, the title + tag line on the right, but how about the menu? is it on the middle or put it on the right side below the title + tag line?


Thank you Awan for your answer.
Imagine the top area divided into 4: in the first quarter on the left the logo, in the second quarter Title with the tagline below and in the right half the menu.
In other words: imagine the normal situation without a logo with the title (and tagline below) and the menus all moved a little to the right to insert the logo to the left of everything.

At the end is it possible to have the logo a little bigger?

Thank you!


I see… here is the code that you need to for the header.php:

<header id="masthead" class="site-header" role="banner">
	<div class="header-wrap">
		<div class="container">
			<div class="row">
				<div class="col-md-2 col-sm-3 col-xs-12">
					<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php bloginfo('name'); ?>">
						<img class="site-logo" src="<?php echo esc_url(get_theme_mod('site_logo')); ?>" alt="<?php bloginfo('name'); ?>" />
				<div class="col-md-4 col-sm-8 col-xs-12">
					<h1 class="site-title">
						<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
					<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>	 
				<div class="col-md-6 col-sm-1 col-xs-12">
					<div class="btn-menu"></div>
					<nav id="mainnav" class="mainnav" role="navigation">
						<?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => 'sydney_menu_fallback' ) ); ?>
					</nav><!-- #site-navigation -->
</header><!-- #masthead -->

And you might need to decrease the font size of the menu text. To do so, you can use this CSS code:

#mainnav ul li a {
    font-size: 14px;
#mainnav li {
    padding: 0 9px;

That’s it. Hope it helps.