Events Calendar PRO enlarges website logo 2x

[Jacob]

Hello,

I’m using Events Calendar PRO and like the look of the photo event view for an site in development – (http://bsia.wpengine.com/events).

This new site uses the Avada theme and one quirk I’ve noticed with Events Calendar PRO is that it seems to bump up the size of the logo on pages where the plugin is installed. Avada has both a Normal and Retina logo – and Events Calendar PRO seems to want to force the Retina logo to appear (on a Retina device) at 2x the size it should be (rendering a jumbo logo instead of compressing it with higher resolution). Once the logo goes 2x, then it stays 2x throughout the rest of site browsing. But if you start on the home page (http://bsia.wpengine.com/) and avoid pages where Events Calendar PRO is installed, the retina logo works as it should.

Any idea how to resolve this?

cheers,
Jacob

[Geoff B.]

Good evening and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

I totally see what you mean.
This actually comes from Avada’s CSS.

I am not sure what the reasoning is behind this, but it might be simply related to the fact that the Events Calendar uses “archive” pages.

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
style.min.css?ver=5.2.2:1
.fusion-standard-logo.fusion-logo-1x {
display: inline-block !important;
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
style.min.css?ver=5.2.2:1
.fusion-standard-logo.fusion-logo-2x {
display: none !important;
}
}

You might have to tweak things a bit as this comes from http://bsia.wpengine.com/wp-content/themes/Avada/assets/css/style.min.css

I would also recommend reaching out to the Avada folks. They really do a great job at integrating with the Events Calendar and will be interested in learning about this.

Let me know how that goes.

Best regards,
Geoff B.

[Jacob]

Geoff,

Thanks for looking at this issue. They code you suggested worked, but it seemed to keep the non-retina version of the logo active all the time. I have been in touch with the support people at Avada and they suggested that I ensure the WordPress Address (URL) and the Site Address (URL) in WordPress settings were set to https:// (they weren’t previously though the site had SSL). When I made this change the Retina logo posed no more issues! Not the fix I expected, but it worked!

Cheers,
JB

[Geoff B.]

Good evening Jacob,

I am super stoked that you were able to get to the bottom of this issue.

This is actually very good advice that you received. It will also please Google 🙂

You are welcome back in our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts