Epik Header Image – for a non coder

Me too. I am after:

1) a simple install of a background image to the top of my website with the standard title and tag line can be added in the foreground, plus
2) is responsive to device screen size

A perfect example is at: http://www.pubble.co

Epik is almost there but this last bit for some reason seems to need a coder.

Can anyone advise please?

@corbettcapital I can definitely help you with this……no need to pay 😉 Do you have a link to your site with your logo already uploaded? If so I can tell you what you’ll need to do to get it to show up centered and responsive on mobile devices. Every site and logo is different so that’s why there isn’t a “one size fit all” for Genesis themes.

@sportydave Is this your site? – http://www.malleeblue.com/ I just happened to be on the SP forums just now and saw your username. If you take a look in your css (around line 1954 in your css) you’ll see this –

.header-image .site-title a {
    float: left;
    min-height: 164px;
    width: 100%;
}

Change the width to around 360px (since that’s the size of your logo).

If this isn’t the site you’re referring to just let me know…..although it should be the same result either way.

Let me know if this helps.

Wes,

Thanks so much. I am new to Genesis and keep expecting things to be harder than they are. This is too easy! Thanks again.

Yes, Mallee Blue is my site – and yes, that’s your theme! I have the pressure now of doing your theme justice by running a decent site with it!

I will try your suggestion – and I assume that changing a “%” to a “px” is OK and won’t affect the responsive layout?

David

Thanks Wes. It worked. If you know of a more responsive way let me know the formula for calculating the correct percentage – otherwise, it all looks good.

Is there any way of utulising (via a widget or some other means) the large empty space on the right of the header area (above the search)?

David

I must be blind, sorry Wes. Of course the widget is already there. Thanks for the link to the Demo, I will take a look.

If you’re referring to the height, that’s because you have the Primary Nav and the Search section active right under the logo. And as you can see on the demo I have just the logo and header widget area (which are on the same line)…..plus the logo on the demo is smaller so it doesn’t take up as much space. You could add a custom menu widget like I mentioned above and that would reduce the height some.

Wes,

I want to put in a header logo that 250x72px but the image tool in the Header editor wants to crop it. How can I put a logo that size in my header? Do I need to make css changes? I tried changing the css to this but it still wants to crop my logo.

.header-image .site-title a {
    float: left;
    min-height: 72px;
    width: 250px;
}

Thanks, Wes. Brilliant.

Hi Wes, I’ve tried the above code:

//* Add support for custom header as instructed by Wes adds code for my header logo dimensions */
add_theme_support( ‘custom-header’, array(
‘width’ => 475,
‘height’ => 105,
‘header-selector’ => ‘.site-title a’,
‘header-text’ => false,
) );

but get blank screens when trying to select an image (before I get to the crop or not option). If I remove the code I get back to the usual size.
Is there something missing?

Thanks

Hi Wes, thanks for the clarification. I have changed this detail in the functions.php of the epik child theme to:

// Add support for custom header
add_theme_support( ‘genesis-custom-header’, array(
‘width’ => 475,
‘height’ => 105
) );

but I get blank pages when I try to upload an image that size, so it fails before I get to the crop option (although the image I am trying to upload is exactly 475×105.

Is this size just too much for the layout ?

Guy

If you can create a temporary username/password for me, I can login and take a quick look to see what’s going on.

I just logged in and tried to upload an image and I saw the blank screen that you were talking about. Unfortunately I have no idea what is causing that, I’ve never seen that happen before.

I did notice that your WordPress installation needs to be updated….I’m not sure if that has anything to do with it or not, but I would recommend updating it to see if it helps since the header uploader is a WordPress feature. I would have done it for you, but I didn’t want to make any changes without permission. So go ahead and click update and try uploading again and let me know if that helps.

If it doesn’t help, then I would need to know what changes you made to your functions file to see if there is anything added that is conflicting with anything. An FTP login would be best in this situation just in case there is a php error.

Thanks for letting me know. Glad I could help!