Epik header image not showing up

Ok, use the “Header” link to upload your logo, not any other links. Also, if your logo size is exactly the same size as what is in your functions file then WP won’t need to crop it. If the crop screen shows up, that means the sizes don’t match. So try and reupload the image again on the “Header” link under Appearance….not the “Custom Header” and see if that works, because that’s exactly how most of us do it when adding a logo.

It sounds like you’re in the right place, I just thought you were adding it a different way at first.

I’m still not sure why it’s not showing up. If you can, could you show a screenshot of your entire Header page with the options set? You can use a site like imgur.com to upload it to if you need.

It was getting late on my end. I’m on EST time.

To be honest, I don’t think you would need to pay anyone to get this working, it seems like you were almost there right? If you would rather hire someone then contact Wes to see if he’s available – https://appfinite.com/contact-us/

I can still assist if you want to keep giving it a try though. I’m not on the forums all day long, but I do try and check every once in a while throughout the day….so just let me know.

It must have been really long day for me yesterday….I could have swore I told you how to fix that. I guess it didn’t show up.

Anyways, right after you fixed the cache issue, I mentioned that you could use the same code from the other thread and it will fix your issue with the image and the widget area not being on the same line. I’ll copy/past again –

If you’re trying to get your logo and widget area on the same line, you’ll need to adjust the widths of them both. Your title area and widget area exceed 100%…thats why it’s showing up like that. Change the width from 50% on the title area to a smaller width and there will be enough room for the widget area to fit.

Look around line 681 for this –

.header-image #title, 
.header-image #title a, 
.header-image #title-area {
    display: block;
    float: left;
    min-height: 120px;
    overflow: hidden;
    text-indent: -9999px;
    width: 300px;
}

Notice I changed it to 300px as an example. That will bring the widget area up. The widget area is around 65% and the title area is 50%….which exceeds 100%. Anytime that happens just decrease one or both to get them to fit on the same line.

Hello,

Around line 681 in your style.css file, you will find the following section:

.header-image #title, .header-image #title a, .header-image #title-area {
    display: block;
    float: left;
    min-height: 120px;
    overflow: hidden;
    text-indent: -9999px;
    width: 40%;
}

Make it look like this:

.header-image #title, .header-image #title a, .header-image #title-area {
    display: block;
    float: left;
    min-height: 53px;
    overflow: hidden;
    text-indent: -9999px;
    width: 35%;
}

Basically I changed the min-height to the correct size of your image, and changed the width to 35%, because your header-right widget section is set to 65%. Both widths together, should not be more than 100%.

You can change the width of that section, by going to line 697 in your style.css and modify the following section:

#header .widget-area {
    overflow: hidden;
    width: 65%;
}

You probably don’t want to do that though, if you don’t want to change your menu.

Line 681 is referring to your stylesheet…your style.css file.

DC,

I found an interesting fix for the header image being clickable here:

http://www.youtube.com/watch?v=ER9TGXzeYU8

You go back to line 681 in your style.css and change the width from 35% to 266px; which is the width of your image. That makes it clickable again. There are many ways of making the header clickable. Maybe others have another suggestion.

For the centering of the image of smaller screens, you will need to modify the media queries at the bottom of your style.css file.

You’re welcome. Have a good night.

Ok, use the contact form and reach out to Wes to see if he is available – https://appfinite.com/contact-us/