Different Logo in Metro Pro when viewed at 320px

[Doug]

Hello,

How do I put a different logo in the header when the site is viewed at its smallest width?

At its smallest, I want the head on three lines:

The Unitarian
Church of
Sharon, MA

and the subhead on two lines:

A Welcoming Congregation and a member
of the Unitarian Universalist Association.

I've created the png file but have no idea how or where to place the code.

NOTE: I am using John Sundberg's functions.php code logic:

/**
 * Filter the genesis_seo_site_title function to use an image for the logo instead of a background image
 * 
 * The genesis_seo_site_title function is located in genesis/lib/structure/header.php
 * @link http://blackhillswebworks.com/?p=4144
 *
 */

	add_filter( 'genesis_seo_title', 'bhww_filter_genesis_seo_site_title', 10, 2 );
 function bhww_filter_genesis_seo_site_title( $title, $inside ) {
 $child_inside = sprintf( '<a href="%s" title="%s"><img src="'. get_stylesheet_directory_uri() .'/images/logo.png" title="%s" alt="%s"/></a>', trailingslashit( home_url() ), esc_attr( get_bloginfo( 'name' ) ), esc_attr( get_bloginfo( 'name' ) ), esc_attr( get_bloginfo( 'name' ) ) );
 $title = str_replace( $inside, $child_inside, $title );
 return $title;
}
// End bhww_filter_genesis_seo_site_title

Thanks,
Doug

http://uusharon.graphicsolutiongroup.com

[wpspeak]

The easiest way is to use plugin. Have you tried http://designsbynickthegeek.com/plugins/genesis-responsive-header ?
I'm using this for one of my clients site, works great so far.

---

WP Speak | Help the Awesome #Genesiswp Community

[Doug]

Thanks, wpspeak; I've tried that and it didn't work for me.

Doug

[Author]

Posts