Lightbox settings

Hey Pierre,

Thank you for the inquiry.

You can add this filter to the functions.php file to adjust the thumbnail size used in the lightbox container.

function avf_alb_lightbox_image_size_mod($size) {
  return "full";
}
add_filter('avf_alb_lightbox_image_size', 'avf_alb_lightbox_image_size_mod', 10, 1);

To disable scrolling when lightbox is active, use this code in the Quick CSS field.

.mfp-zoom-out-cur {
    height: 100vh;
    overflow: hidden;
}

.mfp-bg {
    height: 100vh !important;
}

Best regards,
Ismael

Hi,

i put this instead and it seems to be OK:

We tested it on our end but it didn’t work. Try to add this script in the functions.php file instead:

add_action( 'wp_footer', 'av_custom_script_mod', 100 );
function av_custom_script_mod() {
    ?>
    <script>
    jQuery(document).ready(function($) {
        $(document).on('click', '.lightbox-added', function () {
            setTimeout(function() {
                if ($('body').hasClass('mfp-zoom-out-cur')) {
                    $('html').css('overflow', 'hidden');
                }
            }, 100); 
        });

        $('.lightbox-added').on('mfpClose', function () {
            $('html').css('overflow', '');
        });
    });
    </script>
    <?php
}

Best regards,
Ismael

Hi,

Have you tried switching to incognito mode or completely removing the browser history on your phone? Please provide the site URL in the private field so we can check it properly.

Best regards,
Ismael

Hi,

Thank you for the update. It seems to be working correctly when we checked.

View post on imgur.com

Best regards,
Ismael

Hi,

Feel free to keep the css if it works on your end. Let us know if you need anything else.

Best regards,
Ismael