Retina Logo – Streamline-Pro

[Ben Siegfried]

I'm trying to get a Retina Logo to work for Streamline-Pro and have followed a couple ways to do it, including this one to no avail: Add Retina Logo to Genesis or WordPress Themes

From the Streamline-Pro functions.php file I changed the HxW to the following:

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'header_image'    => '',
	'header-selector' => '.site-title a',
	'header-text'     => false,
	'height'          => 200,
	'width'           => 454,
) );

My logo header area is supposed to visually appear as 227x100 (its retina-size 454x200. When I changed the WxH in the PHP you see here all it does is cause the logo on the site to be 454x200 (retina-size logo uploaded to the media library of 454x200) and it just gets cut off visually, while a @1x logo of 227x100 fits and appears as it should.

As well, here's my current CSS:
`.header-image .site-title a {
float: left;
min-height: 100px;
width: 100%;
}

.site-title a {
background: url(http://mygreatdomain.dev/wp-content/uploads/2016/02/[email protected]) no-repeat !important;
}

http://local-dev-site-so-far.com

[Christoph]

Hi,

looking at the tutorial and what you have posted, did you also set the width of the .title-area?

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Ben Siegfried]

Christoph thanks for replying, yes I had.

I came across a tutorial for adding a retina logo that works for Streamline-Pro and would also work for probably most of the other child themes.

Go Here > Add Retin Logo Genesis

[Author]

Posts