How to change logo size on Streamline Pro?

[jasonyormark]

I'm trying to fit a bigger logo on the Streamline Pro theme. I've researched the forums a bit, and found what I thought to be the solution, but it doesn't appear to work. The size of my logo is 400 x 111.

On the functions.php file I updated the height and width:

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

On the style.css file I updated the min height to accomodate:

.header-image .site-title a {
	float: left;
	min-height: 111px;
	width: 100%;

Dev site login:
username: demo
password: sideout

https://comebackerdev.wpengine.com

[carasmo]

The logo looks big when I view it. Clear your cache after you make changes. See the other post.

---

Genesis Theme Customization and Help

[jasonyormark]

Ugh. Thanks for the heads up. I see that it fits now but it appears that it made the entire header area a bit bigger. Is there a way to shrink that down a bit?

[jasonyormark]

Sorry for the additional follow up. It appears with the bigger logo, there's some kind of overlap when using the header right widget area (which I intended to use for ad space).

It seems that both should be able to fit no problem?

[jasonyormark]

Still can't seem how to figure out how to increase the size of the area to accommodate the larger logo?

[carasmo]

This is because the math is off in your style.css and the style for the .site-title a needs adjustment. If you don't use the sizes set up by the theme, you have to write custom CSS.

I use percentages.

Go to Customizer and choose the panel "Additional CSS" at or near the bottom.

Paste in this CSS and adjust as needed to make it 100%

/* Site Header Custom CSS */
@media (min-width: 1024px) { 
	.title-area {
	    width: 40%;
	}

	.header-image .site-title a {
	    background-size: contain;
	}

	.site-header .widget-area {
	    width: 60%;
	}
	
} /* end media query */

---

Genesis Theme Customization and Help

[jasonyormark]

Thanks. Almost there. What do I add to adjust the height of the logo and center it vertically in that space?

[jasonyormark]

Ugh, nevermind. It worked.

What can I add to center the right side widget to align with the logo?

[carasmo]

Not really sure what you mean. It looks good to me. I have a deadline so I can't follow up. I suggest you try your best with CSS margins and then make a new post.

This is a volunteer forum.

---

Genesis Theme Customization and Help

[jasonyormark]

I figured it out by just adding a line break in the actual widget area that seems to work fine. Thanks for all your help.

[Author]

Posts