Header/logo on Minimum theme

[Maricar]

Hi,

I'm looking for a straightforward way to add a logo to the header on the Minimum theme. I have an image that's 100px x 500px. I can probably shorten it some more. I'd like to use it as a clickable logo, skipping the "crop and publish" part of the process. I'd also like the logo to be on the same line as the menu that's on the right of it.

Basically, this is the look I want to achieve: http://www.johnnycakebooks.com/
This isn't my website, but this is what I'd like to do.

Thanks!

[SoZo]

You'd need to edit the custom header function's dimensions in functions.php and then upload an image in Appearance=>Header at those exact dimensions.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Maricar]

Thanks! I did that and it did work for getting the image up. However, the nav bar now sits below the header/logo. There's another thread about a similar issue. I will hang around this thread and that. I suspect the problem is the same.

Thanks again!

[SoZo]

I'm seeing the menu in the header currently

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[eluviis]

Quick question as I'm new to Genesis... I'm doing the same as above, but given there's no custom folder with custom functions and stylesheets, wouldn't changes to the child theme's functions.php and styles.css be in risk of being overwritten if there is a Genesis or Child Theme update?

[SoZo]

Updates to Genesis do not effect the child themes. That's what the framework is for. If there are ever updates to a child theme then installing that theme will replace the previous version along with any changes you have made to those files.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[eluviis]

Thanks! One more thing. I followed the same process as above and sort of got the logo there. You have to play with the size of the logo a bit to make it work because part of the header seems to hide under the big sample image. However, the site text name is still over the logo. How do I get rid of that?

[SoZo]

Uncheck include title text in the Header panel

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[eluviis]

Ha. Simple. However, that sorta worked. Not quite perfect...

It hid the text of course, but for some reason it pushed the sample image down about 300px. I'm sure it has to do with the CSS I used to add the logo image. I didn't use the header image WP pane but I added the logo via CSS. Let me add a couple of lines of CSS to control that and see what happens...

It's a constant juggle between CSS sheet, Genesis Settings and WP Settings. 🙂

[eluviis]

I don't want to turn this into a log, but I'm sure this might help some people...

It looks like there is a parameter in Minimum that is dependent on having the text title be displayed by WordPress. Even without adding a logo, or any logo CSS, as soon as you turn off Header Text in Appearance>Header pane, the entire site is shifted down a bit making the header area a bit taller than it was before.

Looks like there is some CSS that depends on that being on. I can't seem to be able to debug is with Firebug either.

I'm going to move on to something else for now. If any of you figure out what the heck's going on, please let me know. Thanks.

[eluviis]

I still gave it more thought.

I think the solution is: A CSS rule is needed to hide the Header Text WITHOUT turning it off in the WP Header Pane.

If any of you know what CSS rule to add please let me know.

[SoZo]

We are still talking about the Minimum theme? I just tested and all you do is upload your image through the Header panel and uncheck the show title option. If you want a smaller header you need to edit the custom header dimensions in functions.php

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[eluviis]

Yes, the newest minimum theme… on the most recent WP and Genesis installation, on a new site. Something's definitely odd.
 I'll give it a try again tonight and post a link. I'm not working on the site right this second.
 The next thing I was going to try was a high Z-index CSS rule using a Jpeg logo and hopefully cover the text headline without turning it off.

[Jen Baumann]

Also look at the settings under Appearance > Themes > Customize. There's yet another checkbox there for header text now.

[eluviis]

Hi, I just went and tried that... However, it seems that checkbox controls the one under Appearance > Header. It's like they are one in the same. The changes I do to one reflect exactly the same in the other, so I assume it's just another way of doing it.

Yeah, I tried using a Z-index CSS rule to bring a non-transparent JPEG logo over the text and cover it. It did not work as the Z-index rule affects both objects (one's an object and the other is a CSS background) so they look exactly the same. (Logo directly under header text).

There has to be something wrong... Maybe there's is a conflict between the child theme and the very latest WP update. No matter what I do, turning off header text pushes everything down 100px-180px or so. I'll post photos of before and after when I have a chance. I'm super busy. This is my personal site, but I'm busy designing others right now.

[Author]

Posts