Metro Logo Repeating

[Groundhags]

My site is http://www.archivalmatters.com
I'm having trouble with my logo in the header repeating itself multiple times. Not sure what the issue is.
It was in single format before I updated Genesis.

Thanks,
Carey

http://www.archivalmatters.com

[JanHoek]

Probably you named your logo -> logo.png and uploaded it in your images directory

This is default set in style.css and you uploaded your logo with Custom Header option. Remove it from the Custom Header you should be fine.

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[Groundhags]

OK, I removed it but now its just text there and no logo.

Thanks

[JanHoek]

Then it's the other way around 🙂 Upload it again but give your logo another name (logo-archival.png)

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[Groundhags]

OK, just did, now its repeating again. 🙂

[JanHoek]

Strange. Is there still a logo in your child theme image folder?

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[Groundhags]

Yes, there is one named logo.png and one named Logo.png

[JanHoek]

OK. We start clean.

Remove both logo's from your image folder. Upload your logo with the Custom Header option. This should do it.

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[Groundhags]

OK, I removed both logo.png from child theme. Uploaded new png to custom header option with completely different name and now repeating in back.

[JanHoek]

I looked in the source of your site and it looks like your logo get uploaded twice

- Remove your logo from custom header option
- Remove your logo(s) in de media settings
- Clear your browser cache
- Deactivate your plugins
- Upload your logo with the custom header option ( name it different)
- Take a look at your site. If it looks good...
- Activate your plugins one by one and look which one giving problems

If this not work, I'm out of options

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[Groundhags]

Thanks, I will give it a go.

Best.

[Tonya]

Hey,

The problem is a combination of errors within the functions.php and style.css files as the logo is being assigned to multiple HTML tags. Currently here is what is within the CSS:

.custom-header #header {
background: url(http://www.archivalmatters.com/wp-content/uploads/2014/06/cropped-logo_Archivalmatters.png) no-repeat !important;
}

.header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
background: url(images/logo.png) left no-repeat;

The .custom-header #header is coming either from a plugin or a modification to the functions.php file. The 2nd set is from the style.css file. So let's talk about how to solve.

1. Within the style.css file, go to line 174 and remove:
background: url(images/logo.png) left no-repeat;

2. Add the following after line 174's section, which applies the logo to only the hyperlink:

.header-image #title-area #title a {
background: url(images/logo.png) left no-repeat;
}

3. For the .custom-header #header, are you using a plugin for this? Or did you add the logo as the header image within Appearance > Header?

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Groundhags]

3. For the .custom-header #header, are you using a plugin for this? Or did you add the logo as the header image within Appearance > Header?

I added the logo as the header image within Appearance.

[Groundhags]

I removed the code and turned off all the plugins. Then I turned each one on one by one. I have no logo or text in the logo header area. Once I got to the plugin (Genesis Simple Headers) the logo repeat returned.

[Tonya]

Without the plugin Genesis Simple Headers (disable it please), if you go to Appearance > Header and then add your logo there, what happens?

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Groundhags]

I don't have that option Appearance > Header. I have Appearance > Themes, Customize, Widgets, Menus, Edit CSS, Editor
But no Header option.

[Tonya]

Let me ask you please, what version of Genesis are you using? And are you using the Metro Pro theme?

Within your functions.php file, do you have the following line of code:

//* Add support for custom header
add_theme_support( 'custom-header', array(

This is where the child theme is adding the custom-header option.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Groundhags]

I'm on Version: 2.0.2 for Genesis.
Im so embarrassed Im using Metric Child Theme not Metro as I said earlier.

functions.php file does not have the snippet from above.

[Tonya]

Not a problem at all.

So let's add the custom header functionality to your child theme. Go into your functions.php and scroll to the bottom. Place this code:

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

We've set the width and height and will be assigning the image you save in Appearance > Header to the .site-title a element.

Once you add this code, save the file. Then go to Appearance > Header. Is your logo still there? If no, go ahead and add it.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Groundhags]

OK, did that and uploaded my logo.png file and nothing is there. Just a blank space where the logo should be.

[Author]

Posts