Content slider: common height

Hey neon2020,

Thank you for the inquiry.

The script below should apply the height of the tallest slide to every slides in the content slider. You can place it in the functions.php file.

// custom script: set min height to slider
function ava_custom_script_set_min_height()
{
    ?>
    <script type="text/javascript">
        (function($) {
            $(document).ready(function() {
                // Get an array of all element heights
                function setSlideHeight(element) 
                {
                    var elementHeights = element.map(function() {
                        return $(this).height();
                    }).get();
                
                    // Math.max takes a variable number of arguments
                    // <code>apply</code> is equivalent to passing each height as an argument
                    var maxHeight = Math.max.apply(null, elementHeights);
                
                    // Set each height to the max height
                    element.height(maxHeight);
                }
              

                $(window).on( 'debouncedresize', function()
				{
                    var slider = $('.avia-content-slider-inner');
                    var slides = slider.find('.slide-entry-wrap');
				  	
                    setSlideHeight(slides);
				});
            });
        })(jQuery);
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_set_min_height', 9999 );

Based on: https://stackoverflow.com/questions/6781031/use-jquery-css-to-find-the-tallest-of-all-elements

Best regards,
Ismael

Hi!

Thank you for the update.

Did you purge the cache after adding the script? We may need to access the site in order to test the modification properly. Please provide the login details in the private field.

Regards,
Ismael