Support » Theme: Blocomo » Blocomo Theme Header Below Navigation

  • Resolved katrinakvr

    (@katrinakvr)


    Hi,
    I am trying the Blocomo theme and it seems to have everything that is needed, *except* I can’t figure out how to get the header image to display above the navigation.

    The author specifically states that it will in the theme description.

    Any ideas on how to solve this?

    Thanks!
    Katrina

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author cberg

    (@cberg)

    Hi Katrina,

    please do the following to place the header image above the navigation:

    Log-in to your backend and navigate to Appearence -> Editor.

    Then select the Twenty Twelve Theme (right-top).

    Open the header.php of the Twenty Twelve Theme and search for the following code:

    <?php $header_image = get_header_image();
    		if ( ! empty( $header_image ) ) : ?>
    			<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
    		<?php endif; ?>
    	</header><!-- #masthead -->

    Now put the found code above after the following code:

    <header id="masthead" class="site-header" role="banner">
    		<hgroup>
    			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    		</hgroup>

    Then the new code should look like this and the header image should appear under the description and above the navigation:

    <hgroup>
    			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    		</hgroup>
    
    <?php $header_image = get_header_image();
    		if ( ! empty( $header_image ) ) : ?>
    			<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
    		<?php endif; ?>
    	</header><!-- #masthead -->

    Kind regards,
    Christopher

    Thanks very the very quick reply!

    I made the changes and they worked like a charm. My email reader scrambled your message and I had to read it on the forum for it to make sense.

    Thanks again!
    Katrina

    Theme Author cberg

    (@cberg)

    You’re welcome 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Blocomo Theme Header Below Navigation’ is closed to new replies.