Modern Effects Calendar Carousal Not Displaying Image

Support
#1

As you can see here: https://thelandingsv.org/, the Pacific Voice “Wisdom of Ages” event images do not display when the event first enters the carousal but appear when it moves right to left. Who supports MEC since it comes with my theme?

#2

Hi @mlbass,

Thanks for reaching out.

I’ve checked your website and noticed that you’re using the MEC Slider, which does have certain limitations. I’d suggest reviewing and adjusting the slider settings to see if that resolves the issue.
If the problem persists, please let us know, and we can investigate further. In that case, we may need access to your site via a secure note, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

secure-note
secure-note1040×250 15.3 KB

Thanks

#3

I’ve tried many slider settings. Attached is the login - would appreciate the help.

#4

Hello @mlbass,

Thanks for sharing the login details. Based on our review, this issue commonly occurs due to carousel initialization timing, lazy loading behavior, or JavaScript/CSS optimization settings. As a first step, we recommend temporarily disabling any caching or optimization plugins and checking if the issue persists. Please note that we do not have access to or control over the codebase of the Modern Event Calendar plugin or other bundled third-party plugins. As a result, plugin-specific issues are best handled directly by the plugin author, who can provide dedicated support and fixes. As an alternative workaround, it may be possible to resolve the issue by forcing the carousel to re-initialize using custom JavaScript after the page has fully loaded.

jQuery(window).on('load', function() {
    var $carousel = jQuery('.mec-owl-crousel-skin-type3');
    if ($carousel.length) {
        $carousel.trigger('refresh.owl.carousel');  // Reloads lazy images 
        $carousel.trigger('to.owl.carousel', 0);    // Ensure first slide renders
    }
});

Please note that the provided code is for guidance only. Implementing, maintaining, and updating this customization is outside our support scope. For long-term maintenance, you’ll need to hire a developer or subscribe to One, which covers customization-related questions.

Thanks for understanding

1 Like
#5

Good call. Lazy loading was instantiated through the Perfmatters plugin. Just needed to turn that off.

As always, great themeco support (which also means prompt responses). I appreciate the critical thinking involved. This was/is so obvious at one level I should have caught it, but often its the simple things that evade us.

#6

Hi @mlbass,

Glad that we are able to help you.

Thanks