Header/logo on Minimum theme

Community Forums Forums Design Tips and Tricks Header/logo on Minimum theme

This topic is: not resolved

This topic contains 14 replies, has 4 voices, and was last updated by  eluviis 1 year, 8 months ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #14233

    Maricar
    Participant
    Post count: 6

    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!

    #14357

    SoZo
    Moderator
    Post count: 1573

    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

    #14541

    Maricar
    Participant
    Post 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!

    #14572

    SoZo
    Moderator
    Post count: 1573

    I’m seeing the menu in the header currently


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

    #15903

    eluviis
    Participant
    Post count: 115

    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?

    #15976

    SoZo
    Moderator
    Post count: 1573

    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

    #16288

    eluviis
    Participant
    Post count: 115

    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?

    #16289

    SoZo
    Moderator
    Post count: 1573

    Uncheck include title text in the Header panel


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

    #16309

    eluviis
    Participant
    Post count: 115

    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. :)

    #16315

    eluviis
    Participant
    Post count: 115

    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.

    #16319

    eluviis
    Participant
    Post count: 115

    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.

    #16595

    SoZo
    Moderator
    Post count: 1573

    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

    #16599

    eluviis
    Participant
    Post count: 115

    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.

    #16832

    Jen Baumann
    Keymaster
    Post count: 416

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


    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

    #16834

    eluviis
    Participant
    Post count: 115

    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.

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.