Wordpress logo not clickable back to home page - php

Question

I am currently creating a child theme and the logo is not clickable back to the home page where the code is there.
When I click view source it looks as though as it should be
<div class="tb-logo"> <a href="http://localhost:8080/wordpress-child" class="logo">
<img src="http://localhost:8080/wordpress-child/wp-content/uploads/2015/12/trim-logo.png" alt="name of image"></a></div>. This is the header.php page
<header class="top-bar">
<div class="tb-logo">
<?php
/**
* Check if there is a uploaded logo
*/
$kouki_logo = of_get_option( 'kouki_logo' );
if( $kouki_logo ) : ?>
<a href="<?php echo esc_url(home_url()); ?>" class="logo">
<img src="<?php echo esc_url( $kouki_logo ); ?>" alt="<?php bloginfo( 'name' ); ?>">
</a>
<?php else : ?>
<h1><?php bloginfo( 'name' ); ?></h1>
<?php endif; ?>
</div>
<nav id="menu-child" class="t-lightweight" role="navigation">
<span class="menu-detail"></span>
<ul>
<?php wp_nav_menu( array( 'container' => '', 'items_wrap' => '%3$s' ) ); ?>
</ul>
</nav>
</header>
So I'm not quite sure why it's not making the link clickable. I even tried hard coding it as <img src="image"> but with no luck.
It only works when I don't load the child theme. The original looks like this
<header class="top-bar">
<div class="tb-logo">
<?php
/**
* Check if there is a uploaded logo
*/
$kouki_logo = of_get_option( 'kouki_logo' );
if( $kouki_logo ) : ?>
<a href="<?php echo esc_url(home_url()); ?>" class="logo">
<img src="<?php echo esc_url( $kouki_logo ); ?>" alt="<?php bloginfo( 'name' ); ?>">
</a>
<?php else : ?>
<h1><?php bloginfo( 'name' ); ?></h1>
<?php endif; ?>
</div>
<div class="navigation-toggle-wrapper">
<a class="primary-nav-trigger" href="javascript:void(0)">
<span class="menu-icon"></span>
</a>
<nav id="menu" class="t-lightweight" role="navigation">
<span class="menu-detail"></span>
<ul>
<?php wp_nav_menu( array( 'container' => '', 'items_wrap' => '%3$s' ) ); ?>
</ul>
</nav>
</div>
</header>
So it's something to do with the menu classes but I don't know why?

Answer 1

You didn't pass a parameter in the path to home url. Try this:
<a href="<?php echo esc_url(home_url('/')); ?>" class="logo">
<img src="<?php echo esc_url( $kouki_logo ); ?>" alt="<?php bloginfo( 'name' ); ?>">
</a>
Also, since the home page will forever be the (/) path, unless you wanted the logo to lead to a different page that will be dynamic, you can simple hard code it this way:
<a href="/" class="logo">
<img src="<?php echo esc_url( $kouki_logo ); ?>" alt="<?php bloginfo( 'name' ); ?>">
</a>