Site Header logo as image instead of background image

[optimus203]

Right now my logo is a background image for .site-header, but I would like to make the logo a separate image that resides in the .title-area section. Any ideas?

Currently logo is background image of following element:

<header class="site-header" role="banner" itemscope="itemscope" itemtype="http://schema.org/WPHeader">

And I'd like the logo image to be placed in

<div class="title-area"><div id="title"><a href="http://www.url.com/"><img src="http://www.url.com/logo.jpg" /></a></div></div>

[Lauren @ OnceCoupled]

I'm better at seeing things to understand them, but it sounds as if you are currently uploading an image and using the Genesis options to turn it on? Instead you'd like the image to be linked, not a background.

For this, you want to add support for a custom header. Depending on your dimensions, you may need to change some of your CSS: http://gregrickaby.com/genesis-code-snippets/#header

Let me know if I'm totally off. 😉

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[optimus203]

Hi Lauren. You can see what I'm talking at http://www.davalign.com/404 . The logo is background image. I would like it to be a clickable image instead.

[Lauren @ OnceCoupled]

I see. Here's a nearly identical question to yours: http://www.studiopress.community/topic/make-a-background-image-logo-clickagle/

In your case, you have

.header-image .title-area {
     display: none;
}

you'll need to change this so the link nested within it appears.

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[optimus203]

Hey Lauren. That is not what I want. I've like the logo to exist as an element instead of a background image.

[optimus203]

This is what I needed, and the removal of display:none; on .header-image .title-area

// Add support for custom header - makes logo a CSS background image
// Comment out to allow for logo as <img> element
/*
add_theme_support( 'genesis-custom-header', array(
	'width' => 360,
	'height' => 87
) );*/

// Remove default site title
remove_action( 'genesis_site_title', 'genesis_seo_site_title' );

// Add logo as IMG instead of background iamge
function company_logo() {?>
	<a id="sitelogo" href="<?php bloginfo( 'url' ); ?>"><img src="http://www.url.com/wp-content/themes/theme/images/logo.png" alt="<?php bloginfo('name')?>" title="<?php bloginfo('name')?>" /></a><?php ;
	}
add_action( 'genesis_site_title','company_logo',5,1);

[Author]

Posts