Fatal Error with nextgen plus using lightbox pro effect on mobile devices

Hey Linni,

Thank you for using Enfold.

I’m sure the plugin authors will be able to help you with that. Just forward the error message to them so that they can locate the issue. Unfortunately, we don’t or we can’t provide support for third party plugins as stated on our support policy.

Best regards,
Ismael

Hi,

Have you tried disabling the theme’s lightbox option? Look for the “Lightbox Modal Window” in the Enfold > Theme Options panel and disable it. If I am not mistaken, nextgen has its own lightbox functionality, so you can use that instead of the default lightbox.

Best regards,
Ismael

Hi,

Can you give us the complete error log from the console? I would like to check this but I don’t have the required device to inspect the site on mobile view. Please ask the plugin author for additional help.

Best regards,
Ismael

Hi,

I meant the complete error report from the browser console. Is that where you see the error?

Best regards,
Ismael

Hi,

Thanks for the info.

Try to wrap the gallery inside a div container. Example.

<div class="ngg-gallery-wrap">
 // gallery here</div>

Use this script in the functions.php file.

add_action('wp_footer', 'ava_remove_ngg_wrapper', 9999);
function ava_remove_ngg_wrapper() {
    ?>
    <script>
        (function() {
            const ngw = document.querySelector('.ngg-gallery-wrap');
            const ngg = ngw.childNodes;
            const h = ngg[0].offsetHeight;
            const w = ngg[0].offsetWidth;

            ngw.style.width = w + 'px';
            ngw.style.height = h + 'px';
        })();
    </script>
    <?php
}

And then add this code in the Quick CSS field:

.ngg-gallery-wrap {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto; 
}

Don’t forget to remove the browser cache before you check the page.

Best regards,
Ismael

Hi,

Too bad, it’s not working. Your best chance is to contact the plugin author if you want to keep the gallery.

Best regards,
Ismael