January 23, 2013 at 10:03 pm #14233
MaricarParticipantPost count: 6
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!January 24, 2013 at 12:25 pm #14357January 24, 2013 at 10:48 pm #14541
MaricarParticipantPost count: 6
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!January 25, 2013 at 7:28 am #14572January 29, 2013 at 12:19 am #15903
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?January 29, 2013 at 10:07 am #15976
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.
January 29, 2013 at 9:31 pm #16288
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?January 29, 2013 at 9:32 pm #16289January 29, 2013 at 10:20 pm #16309
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.January 29, 2013 at 10:45 pm #16315
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.January 29, 2013 at 11:00 pm #16319
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.January 30, 2013 at 6:56 pm #16595
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
January 30, 2013 at 7:03 pm #16599
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.January 31, 2013 at 3:47 pm #16832
Jen BaumannKeymasterPost count: 269January 31, 2013 at 4:01 pm #16834
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.
You must be logged in to reply to this topic.