Why can't I add a custom image in my navigation?

Question

Trying to add a navigation Home icon Failing to work.

Here's my nav:

    <nav id="site-navigation" class="main-navigation" role="navigation">
        <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
        <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
        <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
    </nav><!-- #site-navigation -->

I've tried adding: <img src="/home.png"/> to the second line, still no success.

I have tried:

<img src="http://fullpathtoimage/home.png" /><h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>

Thanks

Answer 1

I figured it out.

You have to search your style.css file and find

/* Buttons */

Under that you will find the following classes

.menu-toggle,
article.post-password-required input[type=submit],
.bypostauthor cite span {}

.menu-toggle,
button,
 {}

button[disabled],
input[disabled] {}

.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
 {}

There are 2 states of the button that you need to configure.

Hover and active.

Just change the background-image:url(''); for each state to what image you want in the background.

Then just either negative indent the text by -9999 or delete the text from the header.php file as you previously stated.