New to the community? Start here

[Smush Pro] CDN increasing size of header image

Hi there,

The Header logo image, which is 350 x 77 pixels, is being displayed right across the screen since I activated the CDN in Smush Pro. The result is, it’s distorting what the header should look like (just scroll down the home page to see how it should display as it shrinks).

I tried disabling the ‘Enable automatic resizing of my images’ feature and the image returns to normal. I thought it best to point this out to you to look in to, rather than simply switching the feature off and I’ve left it activated, for now.

Regards,

Steve

Mon, 14 Oct 2019 16:17:37
More Smush Pro discussions
Smush Pro
  • Pawel Pela
    • Ex Staff

    Hello Steve – Just Think BiG !

    Hope you’re having a great day and thank you for reaching out to us!

    I’ve used Support Access you’ve kindly enabled to check your site and the cause of the issue. So far, I’ve been able to establish it’s not comming from the automatic resizing feature or actually not even from Smush itself.

    While checking your site, I noticed there’s a JavaScript error in the console caused by the ReCaptcha module in Gravity Forms. It’s missing the API keys and it’s erroring out, which stops all JavaScript execution. And Smush needs working JavaScript to run properly. Please see attached screenshot showing the error:

    [attachments are only viewable by logged-in members]

    Now, I don’t have a way to test that and I didn’t want to disable Gravity Forms to avoid any unexpected problems, but I’m certain that once you configure the ReCaptcha module in Forms >> Settings (at the bottom), the issue with resizing the header image will go away.

    Please try that and let us know if it worked.

    Kind regards,
    Pawel

  • Steve - Just Think BiG
    • Thinking Bigger

    Hi Pawel,

    Thanks for this.

    I’ve updated the ReCaptca Gravity Forms but that hasn’t made any difference, at the moment, and having switched the auto-resizing function on and off several times, it’s clearly the cause of the issue.

    Perhaps you could look again, now that the ReCaptca issue’s been resolved.

    Thanks.

    Steve

  • Nastia
    • Ex Staff

    Hello Steve – Just Think BiG

    I hope you’re doing well!

    The ” Enable automatic resizing of my images” option in CDN resized images to their container size. The header image had not size defined and this is why it was resized. I’ve added the following CSS code to the Appearance > Customize > Additional CSS to fix this issue:

    img.fl-logo-img {
    width:350px;
    height:77px;
}

    Please let us know if you have any further questions!

    Kind regards,
    Nastia

  • Steve - Just Think BiG
    • Thinking Bigger

    Hi Nastia,

    Ok. That’s interesting but I’m afraid it isn’t the answer. Although I moved the site from a multisite to a stand alone install, it’s been around for a long time and never had that problem before. Plus I use the same theme and basic setup for all my client sites (using Beaver Builder) and none of them have been experiencing this issue.

    The Header image size is usually defined by the size of the image uploaded. That hasn’t been changed from when the site was originally set up.

    The only thing that’s changed, recently, is that I added the WP Client, client management plugin to the site. Could the issue be due to a conflict of some kind?

    Regards,

    Steve

  • Dimitris Kalliris
    • Support Team Lead

    Hello Steve

    The only thing that’s changed, recently, is that I added the WP Client, client management plugin to the site. Could the issue be due to a conflict of some kind?

    Conflict is a possibility indeed. As this is a premium service that we don’t have access to, the only way to confirm this (or not) is a conflict test. You can do that if you create a testing site in the same server and only use the same theme, Smush and WP Client. Or by checking the same setup in a staging environment, if any.

    Warm regards,
    Dimitris