[Resolved] Header Image Woes

[Emory Craig]

Guys,

I stupidly messed some things up and could use your help on Digital Bodies. I used to have a full-width logo header image which also served as a navigation link back to the home page. All worked well until at some point, I must have deleted a hook/element or messed up some CSS. I now see that my header image is not rendering. I looked high and low through the support forums this weekend but couldn’t find the solution I used and was hoping you could point me in the right direction or help out.

Note that the website looks okay now as I came up with a temporary fix to get me through the weekend. I am currently using a background image for the header, and a separate one for mobile. However, the only way I get those images positioned properly was to adjust the header top padding to 165px (don’t know why). It works for now, though I had to disable breadcrumbs as they obviously also got repositioned when I did that. So not in crisis mode at the moment, but obviously it’s not the functionality I had or want.

So again, what I am looking for (and had something like) was a full-width header image that (I think served as the logo) and also allowed users to click on it to return to the home page.

I am running the latest versions of the theme and Generate Premium (and up to date on everything else since I’m hosted on Kinsta). Happy to share my CSS or give you temp access to the site if that helps.

Thanks again for your support for all of us (I learn so much just regularly visiting the GP support forums!).

Emory

[Leo]

Hi Emory,

So basically you are hoping to keep the current look but with a link to the home page on the image?

If so uploading that image as the site logo should work:
https://docs.generatepress.com/article/adding-header-logo/

Then set the header paddings to 0s.

Let me know if this helps 🙂

[Emory Craig]

Leo,

Thanks for the prompt response (was expecting anything until today). I tried that solution this morning and I just a blank where the header should be (so went back to my original temporary fix). I even tried removing all of my CSS modifications thinking that something there might be the issue but it didn’t solve it.

Should I try deactivating and reactivating plugins one by one? May have to wait until near the end of the week if that’s what I need to do as the site will have heavy traffic until Thursday due to the Facebook conference.

Other suggestions?

Thanks,

Emory

[Leo]

Hmm my solution above should definitely work.

Unfortunately it’s tough to determine the issue without seeing it live.

Any chance you can start a staging site so we can try some debugging steps?

[Emory Craig]

Thanks, Leo. Will try to set up a staging site later today/this evening!

Emory

[Leo]

Sounds good. Just comment here again with the link and we will get it sorted 🙂

[Emory Craig]

Leo,

Finally got back to my website header issue and set up a staging site on Kinsta. It looks like your solution works once I started deactivating plugins. It seems that the Async Javascript plugin was causing the issue. Once it was deactivated, the header reappeared as a clickable image and you can see that on the live site now – Digital Bodies. So thanks for solving the issue – not sure why that plugin would create a problem.

Only minor issue now is that I later check page speed in GTMetrix it seems that deactivating that plugin did change my site performance report – it went from a 98% PageSpeed Score and a 90% YSlow score to
a 89% PageSpeed Score and a 90% YSlow score

That’s not the end of the world, but obviously a drop from what it was. Any ideas on how to resolve I might resolve that? Below is my full list of plugins – perhaps there are ways to get the score back up through one of the ones that relate to performance?

Thanks again (and no huge rush on this as we are up and functioning)!

Emory

akismet
async-javascript
classic-editor
code-snippets
cookie-notice
disable-comment-url
disqus-cond-load
fast-velocity-minify
fv-top-level-cats
google-analytics-for-wordpress
gp-premium Active 1.11.3
social-pug
health-check
image-widget
imagify
jetpack
native-lazyload
new-social-media-widget
optimize-your-feed-for-feedly
perfmatters
prev-and-next-lite
redirection
wp-schema-pro
simple-author-box-premium
simple-css
ssl-insecure-content-fixer
clearfy
wp-sweep
wordpress-seo-premium
health-check-troubleshooting-mode Must use
kinsta-mu-plugins Must use 2.3.1 No update
advanced-cache.php Dropin

[Leo]

Here are our optimization tips:
https://generatepress.com/fastest-wordpress-theme/

Also make sure that you’ve deactivated and deleted any plugins that you aren’t actually using.

[Emory Craig]

Thanks, Leo.

I think I’m all set. One curious point for you all to know, I followed your link to Tom’s optimization tips and setup Autoptimize just as he recommended and ran into the exact same problem all over again – the header image does not render (even though it is there and clicking on the blank space returns you to the home page). So I disabled and tweaked the site in a few other ways that got my PaageSpeed Score back up to a respectable 97%.

So things are working okay now and we can just leave this as a mystery as to why either the Async JavaScript or Autoptimise plugins would kill the full-width logo header image.

Again, thanks much and have a great weekend!

Emory

[Leo]

I really don’t see how Autopimize can cause that issue.

We would need to do some further debugging by disabling all plugin except Autopimize to see if that fixes the issue.

Let me know if you want to take a deeper look 🙂

[Emory Craig]

Thanks Leo! I’ll take a deeper look on my own later on. It’s a curious issue as I know Autoptimize should work. But since everything is working okay without it and we solved the header problem, there’s no urgency on this one.

We can close this support request and thanks for your help!

Emory

[Leo]

No problem 🙂

[Author]

Posts