Different Logo in Metro Pro when viewed at 320px

Community Forums Forums Design Tips and Tricks Different Logo in Metro Pro when viewed at 320px

This topic is: resolved

Tagged: , ,

This topic contains 2 replies, has 2 voices, and was last updated by  Doug 2 years, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #62449



    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




    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.



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


Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Different Logo in Metro Pro when viewed at 320px’ is closed to new replies.