Agency Pro theme image header/ logo size change?

This topic is: not resolved

Tagged: Agency Pro heade/logo

This topic has 20 replies, 8 voices, and was last updated 11 years, 7 months ago by Sridhar Katakam.

Viewing 20 posts - 1 through 20 (of 21 total)

1 2 →

Author

Posts
October 21, 2013 at 8:46 am #68037

spoll
Participant

I'm stuck at trying at trying to make a larger than 300x60 centered logo in Agency Pro. I love the full bkgd image option however, the logo area has me stumped.

Thanks for any help

October 21, 2013 at 11:36 pm #68142

Sridhar Katakam
Participant

What size logo do you want to use?

Genesis Tutorials | Follow me on Twitter

October 22, 2013 at 7:55 am #68187

spoll
Participant

Hi Sridhar- I was hoping to make it twice the size as the default. Also, is there a way to center a responsive slider below the logo and nav bar?

Thanks

October 28, 2013 at 12:54 pm #69499

spoll
Participant

Anyone?

November 13, 2013 at 8:52 pm #72866

maincontrol
Member

same question. But I'd like my header to be 800 x 150

November 23, 2013 at 11:22 pm #75328

travlanders
Member

Yes... this is a pain...

somehow the menu appears to be cutting off the image when you try this approach...

add_theme_support( 'custom-header', array(
'default-text-color' => 'ffffff',
'header-selector' => '.header-image .site-header .wrap',
'height' => 164,
'width' => 1139,
) );

.... and change the height and width....

I have tried numerous things.... I have tried to create a new widget area for the left part of the header as well but nothing seems to happen...

All I want it to be able to insert an image followed by some text....

Really frustrating.... Anyone get any more information on this issue?

Travis

November 26, 2013 at 6:04 pm #75777

Patty
Member

I too would like to change the header to 300 x 233. Any update?

November 26, 2013 at 8:00 pm #75785

travlanders
Member

in the end... this is what i did....

Changing the Logo in the Header of the Agency Pro Theme

November 27, 2013 at 8:43 am #75864

travlanders
Member

Ok... I updated the post I listed above in the link so that it is more complete....

I realized I didn't get it all in there the first time around....

I apologize but it was late after I got the problem solved and so the blog post about the solution was not complete. I hope it helps with this issue... I am proud to say my logo is now being displayed ok...

November 28, 2013 at 12:53 am #76001
Sridhar Katakam
Participant
@Patty

1) In functions.php around line 63, change the height from 60 to 233.

2) Add the following at the end of child theme's style.css:
```
.header-image .site-title a {
    min-height: 233px;
}

.site-container {
	padding-top: 234px;
	padding-top: 23.4rem;
}
```
Genesis Tutorials | Follow me on Twitter
November 28, 2013 at 1:14 am #76002
Sridhar Katakam
Participant
@maincontrol

same question. But I’d like my header to be 800 x 150

1) Edit functions.php. Around line 63 change width and height values to 800 and 150.

2) At Appearance > Header, upload your desired image.

3) Add the following at the end of child theme's style.css:
```
.title-area {
	width: 100%;
}

.header-image .site-title a {
    min-height: 150px;
}

.site-container {
	padding-top: 151px;
	padding-top: 15.1rem;
}

@media only screen and (max-width: 1023px) {

	.site-header,
	.site-header .wrap {
		max-width: none;
	}

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

}

@media only screen and (max-width: 800px) {

	.agency-pro-home .wrap {
		max-width: none;
	}

}
```
Genesis Tutorials | Follow me on Twitter
November 28, 2013 at 1:15 am #76003

Sridhar Katakam
Participant

@Patty

Forgot to mention that the second step would be: At Appearance > Header, upload your desired logo image.

Genesis Tutorials | Follow me on Twitter

November 28, 2013 at 1:16 am #76004

Sridhar Katakam
Participant

@spoll

Do you want to use a 600 x 120 image?

Genesis Tutorials | Follow me on Twitter

November 29, 2013 at 8:32 am #76147

Patty
Member

perfect! thanks for your help

December 20, 2013 at 3:58 pm #80508
Simon Abramson
Member
NOTE: If you're after adjusting width & height values inside of functions.php (around line 63) you're still finding yourself forced to crop the new logo to the same aspect ratio as it was by default (and not the new width/height). You need to update the styles.css around line 942:
```
.header-image .site-title a {
	float: left;
	min-height: 160px; /*adjust this value*/
	width: 100%;
}
```
Once the functions.php and the CSS are aligned you should be good to go!
December 23, 2013 at 3:02 pm #80962

Simon Abramson
Member

Weird. Now I'm seeing the nav menu hidden behind my logo.

Any ideas?

December 23, 2013 at 3:16 pm #80964
Simon Abramson
Member
Looks like it's caused by the following:
```
.genesis-nav-menu a {
	border-top: 2px solid transparent;
	color: #fff;
	display: block;
	padding: 18px 16px 20px;
	padding: 1.8rem 1.6rem 2rem; /* changing this value resolved the issue */
	position: relative;
}
```
Adjusting the top padding is enabling me to move the navbar down (below the logo).
February 6, 2014 at 8:52 pm #89056

Photolab
Member

Having problems too. i want a 60x500 image but it seems that im missing something...

February 6, 2014 at 11:12 pm #89088

Sridhar Katakam
Participant

Photolab: http://sridharkatakam.com/use-500x60-logo-header-image-agency-pro/

Genesis Tutorials | Follow me on Twitter

November 7, 2014 at 4:35 am #130771

magzparmenter
Member

I've tried changing the height and width in functions.php and then changing the code in header.image.site.title to the same min height, but it is still cropping it horizontally. Any ideas?

My logo is 400 x 165
Author

Posts